#CDDFD4 - #EED7FF | 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 #CDDFD4 to #EED7FF

#CDDFD4 #EED7FF

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

#CDDFD4 - #EED7FF | 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 #CDDFD4 as 0% and #EED7FF as 100%.

0.0%	0.0% #CDDFD4	RGB 205 223 212	#CDDFD4
16.7%	16.7% #D2DDDB	RGB 210 221 219	#D2DDDB
33.3%	33.3% #D8DCE2	RGB 216 220 226	#D8DCE2
50.0%	50.0% #DDDBE9	RGB 221 219 233	#DDDBE9
66.7%	66.7% #E3D9F0	RGB 227 217 240	#E3D9F0
83.3%	83.3% #E8D8F7	RGB 232 216 247	#E8D8F7
100.0%	100.0% #EED7FF	RGB 238 215 255	#EED7FF

#CDDFD4 #D2DDDB #D8DCE2 #DDDBE9 #E3D9F0 #E8D8F7 #EED7FF

#CDDFD4 - #EED7FF

HSV Blend

#CDDFD4 - #EED7FF | 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 #CDDFD4 as 0% and #EED7FF as 100%.

0.0%	0.0% #CDDFD4	RGB 205 223 212	#CDDFD4
16.7%	16.7% #CFE4DF	RGB 207 228 223	#CFE4DF
33.3%	33.3% #D0E6E9	RGB 208 230 233	#D0E6E9
50.0%	50.0% #D2E1EF	RGB 210 225 239	#D2E1EF
66.7%	66.7% #D4D9F4	RGB 212 217 244	#D4D9F4
83.3%	83.3% #DDD5F9	RGB 221 213 249	#DDD5F9
100.0%	100.0% #EED7FF	RGB 238 215 255	#EED7FF

#CDDFD4 #CFE4DF #D0E6E9 #D2E1EF #D4D9F4 #DDD5F9 #EED7FF

#CDDFD4 - #D2E1EF - #EED7FF

CSS codes

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

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