#CDDDAF - #E7FEF0 | 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 #CDDDAF to #E7FEF0

#CDDDAF #E7FEF0

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

#CDDDAF - #E7FEF0 | 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 #CDDDAF as 0% and #E7FEF0 as 100%.

0.0%	0.0% #CDDDAF	RGB 205 221 175	#CDDDAF
16.7%	16.7% #D1E2B9	RGB 209 226 185	#D1E2B9
33.3%	33.3% #D5E8C4	RGB 213 232 196	#D5E8C4
50.0%	50.0% #DAEDCF	RGB 218 237 207	#DAEDCF
66.7%	66.7% #DEF3DA	RGB 222 243 218	#DEF3DA
83.3%	83.3% #E2F8E5	RGB 226 248 229	#E2F8E5
100.0%	100.0% #E7FEF0	RGB 231 254 240	#E7FEF0

#CDDDAF #D1E2B9 #D5E8C4 #DAEDCF #DEF3DA #E2F8E5 #E7FEF0

#CDDDAF - #E7FEF0

HSV Blend

#CDDDAF - #E7FEF0 | 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 #CDDDAF as 0% and #E7FEF0 as 100%.

0.0%	0.0% #CDDDAF	RGB 205 221 175	#CDDDAF
16.7%	16.7% #CCE2B7	RGB 204 226 183	#CCE2B7
33.3%	33.3% #CCE8C0	RGB 204 232 192	#CCE8C0
50.0%	50.0% #CEEDCA	RGB 206 237 202	#CEEDCA
66.7%	66.7% #D3F3D4	RGB 211 243 212	#D3F3D4
83.3%	83.3% #DDF8E3	RGB 221 248 227	#DDF8E3
100.0%	100.0% #E7FEF0	RGB 231 254 240	#E7FEF0

#CDDDAF #CCE2B7 #CCE8C0 #CEEDCA #D3F3D4 #DDF8E3 #E7FEF0

#CDDDAF - #CEEDCA - #E7FEF0

CSS codes

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

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