adammaj1/1D-pastel-color-gradient-HSV

1D pastel color gradient ( HSV )

theory

• Pastel color
  • dimmed pastel
• color gradient

Here is 1D gradient implemented as a function:

f(position) = hsv(h , pale(position), 1.0)

where

• h,s and v are channels of hsv color, each is in [0.0, 1.0] range
• position is a floating point number in rang [0.0, 1.0]
• pale function (lerp) changes range of saturation from [0.0, 1.0] to [0.0, 0.6] so the saturaion has only lower and intermediate value

Gradient types

Gradient types:

• General types
  • continous
  • discrete
• Joining types ( see also in 1D RGB gradient)
  • no
  • steps
  • tubes
  • diverging

Examples

HSV = [0.123, s, 1.0]

no joining = simple

continous

discrete

steps

tubes

diverging

Color channels profiles


other

Name

• tints (a mixture of a base color with white )
• pale colors = increased lightness
• pastel colors
• soft or muted type of color
• light color

Effect

• soothing to the eye
• looks less intense, pastel, pale, faded look.
• subtle, modern or sophisticated design

Algorithm

General description

• mix base color with white = heavily tinted with white = desaturated with white
• first generate a random color. Then we sature it a little and mix this color with white color : random-pastel-color by Micro Digital Tools
• in HSV. Take a hue. Desaturate the color a bit( = 80% saturation). Use 100% for value.
• in the HSV color space, have high value and low saturation

Steps

• choose hue h from full range = [0.0, 1.0]
• set high value v = 1.0
• change saturation in from 0.0 to 0.6 ( only low to intermediate saturation = limited range )
• convert (h,s,v) to (r,g,b)

/*

Lerp
The method named " Lerp " stands for " Linear_intERPolation" 

OldRange = (OldMax - OldMin)  
NewRange = (NewMax - NewMin)  
NewValue = (((OldValue - OldMin) * NewRange) / OldRange) + NewMin

*/

double pale(double OldValue){

	double OldMax = 1.0; // high value
	double OldMin = 0.0; // low value 
	double OldRange = (OldMax - OldMin);  
	double NewMax = 0.6; // intermediate value
	double NewMin = 0.0; // low value
	double NewRange = (NewMax - NewMin);  
	double NewValue = (((OldValue - OldMin) * NewRange) / OldRange) + NewMin;
	return NewValue;

}

/* 
   remember to update : 
   *  add new title in titles array
   * titles in plot.gp
*/

int GivePale_HSV_Color( const double h,  const double s, hsv* hsv_color){

	// input position is double number in range [0,1] = normalized
			 
	/* Pastels or pastel colors belong to a pale family of colors, in the HSV color space, have high value and low to intermediate saturation. */
		
	hsv_color->h = h; // h has the full range
	hsv_color->s = pale(s); /* only low to intermediate saturation: limited range = [0.0, 0.6] */
	hsv_color->v = 1.0; /* constant high value */
  		
  
	
	return 0;
}

How to run the progam ?

Simply:

  make

Dependencies

• bash
• gcc
• gnuplot
• ImageMagic
• GNU Make

source

• h.c is a c console program for making txt and png files
• h.sh is the bash script which runs c and gnuplot code
• h.gp is the Gnuplot script for drawing png images (color profiles) from txt files
• Makefile is a script for Gnu Make

Similar projects

• 1D RGB color gradient
• 1D HSLUV color gradient : discrete and continous perceptually uniform ordered color gradients rendered in HSL)

git

init

echo "# 1D-pastel-color-gradient-HSV" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin git@github.com:adammaj1/1D-pastel-color-gradient-HSV.git
git push -u origin main# 1D-pastel-color-gradient-HSV

Subdirectory

mkdir images
git add *.png
git mv  *.png ./images
git commit -m "move"
git push -u origin main
then link the images:

to overwrite:

git mv -f

local repo

~/Dokumenty/color/hsv/src/pastel/p4