#CDDBA2 - #E4BFC7 | 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 #CDDBA2 to #E4BFC7

#CDDBA2 #E4BFC7

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

#CDDBA2 - #E4BFC7 | 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 #CDDBA2 as 0% and #E4BFC7 as 100%.

0.0%	0.0% #CDDBA2	RGB 205 219 162	#CDDBA2
16.7%	16.7% #D0D6A8	RGB 208 214 168	#D0D6A8
33.3%	33.3% #D4D1AE	RGB 212 209 174	#D4D1AE
50.0%	50.0% #D8CDB4	RGB 216 205 180	#D8CDB4
66.7%	66.7% #DCC8BA	RGB 220 200 186	#DCC8BA
83.3%	83.3% #E0C3C0	RGB 224 195 192	#E0C3C0
100.0%	100.0% #E4BFC7	RGB 228 191 199	#E4BFC7

#CDDBA2 #D0D6A8 #D4D1AE #D8CDB4 #DCC8BA #E0C3C0 #E4BFC7

#CDDBA2 - #E4BFC7

HSV Blend

#CDDBA2 - #E4BFC7 | 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 #CDDBA2 as 0% and #E4BFC7 as 100%.

0.0%	0.0% #CDDBA2	RGB 205 219 162	#CDDBA2
16.7%	16.7% #DCDCA6	RGB 220 220 166	#DCDCA6
33.3%	33.3% #DED1AB	RGB 222 209 171	#DED1AB
50.0%	50.0% #DFC8B0	RGB 223 200 176	#DFC8B0
66.7%	66.7% #E1C1B5	RGB 225 193 181	#E1C1B5
83.3%	83.3% #E2BBBA	RGB 226 187 186	#E2BBBA
100.0%	100.0% #E4BFC7	RGB 228 191 199	#E4BFC7

#CDDBA2 #DCDCA6 #DED1AB #DFC8B0 #E1C1B5 #E2BBBA #E4BFC7

#CDDBA2 - #DFC8B0 - #E4BFC7

CSS codes

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

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