#CEC3C4 - #8F8A6B | 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 #CEC3C4 to #8F8A6B

#CEC3C4 #8F8A6B

Calculate the color between two colors, #CEC3C4 and #8F8A6B. 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)

#CEC3C4 - #8F8A6B | 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 #CEC3C4 as 0% and #8F8A6B as 100%.

0.0%	0.0% #CEC3C4	RGB 206 195 196	#CEC3C4
16.7%	16.7% #C3B9B5	RGB 195 185 181	#C3B9B5
33.3%	33.3% #B9B0A6	RGB 185 176 166	#B9B0A6
50.0%	50.0% #AEA697	RGB 174 166 151	#AEA697
66.7%	66.7% #A49D88	RGB 164 157 136	#A49D88
83.3%	83.3% #999379	RGB 153 147 121	#999379
100.0%	100.0% #8F8A6B	RGB 143 138 107	#8F8A6B

#CEC3C4 #C3B9B5 #B9B0A6 #AEA697 #A49D88 #999379 #8F8A6B

#CEC3C4 - #8F8A6B

HSV Blend

#CEC3C4 - #8F8A6B | 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 #CEC3C4 as 0% and #8F8A6B as 100%.

0.0%	0.0% #CEC3C4	RGB 206 195 196	#CEC3C4
16.7%	16.7% #C3B3B2	RGB 195 179 178	#C3B3B2
33.3%	33.3% #B9A7A2	RGB 185 167 162	#B9A7A2
50.0%	50.0% #AE9E93	RGB 174 158 147	#AE9E93
66.7%	66.7% #A49685	RGB 164 150 133	#A49685
83.3%	83.3% #998F77	RGB 153 143 119	#998F77
100.0%	100.0% #8F8A6B	RGB 143 138 107	#8F8A6B

#CEC3C4 #C3B3B2 #B9A7A2 #AE9E93 #A49685 #998F77 #8F8A6B

#CEC3C4 - #AE9E93 - #8F8A6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEC3C4 0%, #AE9E93 50%, #8F8A6B 100%);
    background: -webkit-linear-gradient(top, #CEC3C4 0%, #AE9E93 50%, #8F8A6B 100%);
    background: linear-gradient(to bottom, #CEC3C4 0%, #AE9E93 50%, #8F8A6B 100%);
}
</style>