#C9DAC2 - #EFF4ED | 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 #C9DAC2 to #EFF4ED

#C9DAC2 #EFF4ED

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

#C9DAC2 - #EFF4ED | 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 #C9DAC2 as 0% and #EFF4ED as 100%.

0.0%	0.0% #C9DAC2	RGB 201 218 194	#C9DAC2
16.7%	16.7% #CFDEC9	RGB 207 222 201	#CFDEC9
33.3%	33.3% #D5E2D0	RGB 213 226 208	#D5E2D0
50.0%	50.0% #DCE7D7	RGB 220 231 215	#DCE7D7
66.7%	66.7% #E2EBDE	RGB 226 235 222	#E2EBDE
83.3%	83.3% #E8EFE5	RGB 232 239 229	#E8EFE5
100.0%	100.0% #EFF4ED	RGB 239 244 237	#EFF4ED

#C9DAC2 #CFDEC9 #D5E2D0 #DCE7D7 #E2EBDE #E8EFE5 #EFF4ED

#C9DAC2 - #EFF4ED

HSV Blend

#C9DAC2 - #EFF4ED | 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 #C9DAC2 as 0% and #EFF4ED as 100%.

0.0%	0.0% #C9DAC2	RGB 201 218 194	#C9DAC2
16.7%	16.7% #CFDEC8	RGB 207 222 200	#CFDEC8
33.3%	33.3% #D5E2CF	RGB 213 226 207	#D5E2CF
50.0%	50.0% #DBE7D6	RGB 219 231 214	#DBE7D6
66.7%	66.7% #E1EBDE	RGB 225 235 222	#E1EBDE
83.3%	83.3% #E8EFE5	RGB 232 239 229	#E8EFE5
100.0%	100.0% #EFF4ED	RGB 239 244 237	#EFF4ED

#C9DAC2 #CFDEC8 #D5E2CF #DBE7D6 #E1EBDE #E8EFE5 #EFF4ED

#C9DAC2 - #DBE7D6 - #EFF4ED

CSS codes

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

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