#CBDFDE - #EDD2FF | 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 #CBDFDE to #EDD2FF

#CBDFDE #EDD2FF

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

#CBDFDE - #EDD2FF | 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 #CBDFDE as 0% and #EDD2FF as 100%.

0.0%	0.0% #CBDFDE	RGB 203 223 222	#CBDFDE
16.7%	16.7% #D0DCE3	RGB 208 220 227	#D0DCE3
33.3%	33.3% #D6DAE9	RGB 214 218 233	#D6DAE9
50.0%	50.0% #DCD8EE	RGB 220 216 238	#DCD8EE
66.7%	66.7% #E1D6F4	RGB 225 214 244	#E1D6F4
83.3%	83.3% #E7D4F9	RGB 231 212 249	#E7D4F9
100.0%	100.0% #EDD2FF	RGB 237 210 255	#EDD2FF

#CBDFDE #D0DCE3 #D6DAE9 #DCD8EE #E1D6F4 #E7D4F9 #EDD2FF

#CBDFDE - #EDD2FF

HSV Blend

#CBDFDE - #EDD2FF | 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 #CBDFDE as 0% and #EDD2FF as 100%.

0.0%	0.0% #CBDFDE	RGB 203 223 222	#CBDFDE
16.7%	16.7% #CCDEE4	RGB 204 222 228	#CCDEE4
33.3%	33.3% #CDDBE9	RGB 205 219 233	#CDDBE9
50.0%	50.0% #CFD6EF	RGB 207 214 239	#CFD6EF
66.7%	66.7% #D2D0F4	RGB 210 208 244	#D2D0F4
83.3%	83.3% #DED1F9	RGB 222 209 249	#DED1F9
100.0%	100.0% #EDD2FF	RGB 237 210 255	#EDD2FF

#CBDFDE #CCDEE4 #CDDBE9 #CFD6EF #D2D0F4 #DED1F9 #EDD2FF

#CBDFDE - #CFD6EF - #EDD2FF

CSS codes

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

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