#594E5C - #CFCCD0 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #594E5C to #CFCCD0

#594E5C #CFCCD0

Calculate the color between two colors, #594E5C and #CFCCD0. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#594E5C - #CFCCD0 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #594E5C as 0% and #CFCCD0 as 100%.

0.0%	0.0% #594E5C	RGB 89 78 92	#594E5C
16.7%	16.7% #6C636F	RGB 108 99 111	#6C636F
33.3%	33.3% #807882	RGB 128 120 130	#807882
50.0%	50.0% #948D96	RGB 148 141 150	#948D96
66.7%	66.7% #A7A2A9	RGB 167 162 169	#A7A2A9
83.3%	83.3% #BBB7BC	RGB 187 183 188	#BBB7BC
100.0%	100.0% #CFCCD0	RGB 207 204 208	#CFCCD0

#594E5C #6C636F #807882 #948D96 #A7A2A9 #BBB7BC #CFCCD0

#594E5C - #CFCCD0

HSV Blend

#594E5C - #CFCCD0 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #594E5C as 0% and #CFCCD0 as 100%.

0.0%	0.0% #594E5C	RGB 89 78 92	#594E5C
16.7%	16.7% #6C606F	RGB 108 96 111	#6C606F
33.3%	33.3% #7F7482	RGB 127 116 130	#7F7482
50.0%	50.0% #938996	RGB 147 137 150	#938996
66.7%	66.7% #A69EA9	RGB 166 158 169	#A69EA9
83.3%	83.3% #BAB4BC	RGB 186 180 188	#BAB4BC
100.0%	100.0% #CFCCD0	RGB 207 204 208	#CFCCD0

#594E5C #6C606F #7F7482 #938996 #A69EA9 #BAB4BC #CFCCD0

#594E5C - #938996 - #CFCCD0

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #594E5C 0%, #CFCCD0 100%);
    background: -webkit-linear-gradient(top, #594E5C 0%, #CFCCD0 100%);
    background: linear-gradient(to bottom, #594E5C 0%, #CFCCD0 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #594E5C 0%, #938996 50%, #CFCCD0 100%);
    background: -webkit-linear-gradient(top, #594E5C 0%, #938996 50%, #CFCCD0 100%);
    background: linear-gradient(to bottom, #594E5C 0%, #938996 50%, #CFCCD0 100%);
}
</style>