#CCD4B5 - #EFF2E9 | 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 #CCD4B5 to #EFF2E9

#CCD4B5 #EFF2E9

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

#CCD4B5 - #EFF2E9 | 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 #CCD4B5 as 0% and #EFF2E9 as 100%.

0.0%	0.0% #CCD4B5	RGB 204 212 181	#CCD4B5
16.7%	16.7% #D1D9BD	RGB 209 217 189	#D1D9BD
33.3%	33.3% #D7DEC6	RGB 215 222 198	#D7DEC6
50.0%	50.0% #DDE3CF	RGB 221 227 207	#DDE3CF
66.7%	66.7% #E3E8D7	RGB 227 232 215	#E3E8D7
83.3%	83.3% #E9EDE0	RGB 233 237 224	#E9EDE0
100.0%	100.0% #EFF2E9	RGB 239 242 233	#EFF2E9

#CCD4B5 #D1D9BD #D7DEC6 #DDE3CF #E3E8D7 #E9EDE0 #EFF2E9

#CCD4B5 - #EFF2E9

HSV Blend

#CCD4B5 - #EFF2E9 | 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 #CCD4B5 as 0% and #EFF2E9 as 100%.

0.0%	0.0% #CCD4B5	RGB 204 212 181	#CCD4B5
16.7%	16.7% #D1D9BD	RGB 209 217 189	#D1D9BD
33.3%	33.3% #D7DEC5	RGB 215 222 197	#D7DEC5
50.0%	50.0% #DCE3CE	RGB 220 227 206	#DCE3CE
66.7%	66.7% #E2E8D6	RGB 226 232 214	#E2E8D6
83.3%	83.3% #E8EDDF	RGB 232 237 223	#E8EDDF
100.0%	100.0% #EFF2E9	RGB 239 242 233	#EFF2E9

#CCD4B5 #D1D9BD #D7DEC5 #DCE3CE #E2E8D6 #E8EDDF #EFF2E9

#CCD4B5 - #DCE3CE - #EFF2E9

CSS codes

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

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