#CEC2B2 - #FFFBCD | 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 #CEC2B2 to #FFFBCD

#CEC2B2 #FFFBCD

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

#CEC2B2 - #FFFBCD | 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 #CEC2B2 as 0% and #FFFBCD as 100%.

0.0%	0.0% #CEC2B2	RGB 206 194 178	#CEC2B2
16.7%	16.7% #D6CBB6	RGB 214 203 182	#D6CBB6
33.3%	33.3% #DED5BB	RGB 222 213 187	#DED5BB
50.0%	50.0% #E6DEBF	RGB 230 222 191	#E6DEBF
66.7%	66.7% #EEE8C4	RGB 238 232 196	#EEE8C4
83.3%	83.3% #F6F1C8	RGB 246 241 200	#F6F1C8
100.0%	100.0% #FFFBCD	RGB 255 251 205	#FFFBCD

#CEC2B2 #D6CBB6 #DED5BB #E6DEBF #EEE8C4 #F6F1C8 #FFFBCD

#CEC2B2 - #FFFBCD

HSV Blend

#CEC2B2 - #FFFBCD | 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 #CEC2B2 as 0% and #FFFBCD as 100%.

0.0%	0.0% #CEC2B2	RGB 206 194 178	#CEC2B2
16.7%	16.7% #D6CAB6	RGB 214 202 182	#D6CAB6
33.3%	33.3% #DED3BB	RGB 222 211 187	#DED3BB
50.0%	50.0% #E6DCC0	RGB 230 220 192	#E6DCC0
66.7%	66.7% #EEE6C4	RGB 238 230 196	#EEE6C4
83.3%	83.3% #F6F0C8	RGB 246 240 200	#F6F0C8
100.0%	100.0% #FFFBCD	RGB 255 251 205	#FFFBCD

#CEC2B2 #D6CAB6 #DED3BB #E6DCC0 #EEE6C4 #F6F0C8 #FFFBCD

#CEC2B2 - #E6DCC0 - #FFFBCD

CSS codes

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

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