#CECDBB - #A49668 | 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 #CECDBB to #A49668

#CECDBB #A49668

Calculate the color between two colors, #CECDBB and #A49668. 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)

#CECDBB - #A49668 | 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 #CECDBB as 0% and #A49668 as 100%.

0.0%	0.0% #CECDBB	RGB 206 205 187	#CECDBB
16.7%	16.7% #C7C3AD	RGB 199 195 173	#C7C3AD
33.3%	33.3% #C0BA9F	RGB 192 186 159	#C0BA9F
50.0%	50.0% #B9B191	RGB 185 177 145	#B9B191
66.7%	66.7% #B2A883	RGB 178 168 131	#B2A883
83.3%	83.3% #AB9F75	RGB 171 159 117	#AB9F75
100.0%	100.0% #A49668	RGB 164 150 104	#A49668

#CECDBB #C7C3AD #C0BA9F #B9B191 #B2A883 #AB9F75 #A49668

#CECDBB - #A49668

HSV Blend

#CECDBB - #A49668 | 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 #CECDBB as 0% and #A49668 as 100%.

0.0%	0.0% #CECDBB	RGB 206 205 187	#CECDBB
16.7%	16.7% #C7C4AB	RGB 199 196 171	#C7C4AB
33.3%	33.3% #C0BC9C	RGB 192 188 156	#C0BC9C
50.0%	50.0% #B9B28E	RGB 185 178 142	#B9B28E
66.7%	66.7% #B2A981	RGB 178 169 129	#B2A981
83.3%	83.3% #AB9F74	RGB 171 159 116	#AB9F74
100.0%	100.0% #A49668	RGB 164 150 104	#A49668

#CECDBB #C7C4AB #C0BC9C #B9B28E #B2A981 #AB9F74 #A49668

#CECDBB - #B9B28E - #A49668

CSS codes

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

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