#D9BCF0 - #FFEEE5 | 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 #D9BCF0 to #FFEEE5

#D9BCF0 #FFEEE5

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

#D9BCF0 - #FFEEE5 | 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 #D9BCF0 as 0% and #FFEEE5 as 100%.

0.0%	0.0% #D9BCF0	RGB 217 188 240	#D9BCF0
16.7%	16.7% #DFC4EE	RGB 223 196 238	#DFC4EE
33.3%	33.3% #E5CCEC	RGB 229 204 236	#E5CCEC
50.0%	50.0% #ECD5EA	RGB 236 213 234	#ECD5EA
66.7%	66.7% #F2DDE8	RGB 242 221 232	#F2DDE8
83.3%	83.3% #F8E5E6	RGB 248 229 230	#F8E5E6
100.0%	100.0% #FFEEE5	RGB 255 238 229	#FFEEE5

#D9BCF0 #DFC4EE #E5CCEC #ECD5EA #F2DDE8 #F8E5E6 #FFEEE5

#D9BCF0 - #FFEEE5

HSV Blend

#D9BCF0 - #FFEEE5 | 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 #D9BCF0 as 0% and #FFEEE5 as 100%.

0.0%	0.0% #D9BCF0	RGB 217 188 240	#D9BCF0
16.7%	16.7% #EBC2F2	RGB 235 194 242	#EBC2F2
33.3%	33.3% #F5C9EE	RGB 245 201 238	#F5C9EE
50.0%	50.0% #F7D0E5	RGB 247 208 229	#F7D0E5
66.7%	66.7% #FAD6DF	RGB 250 214 223	#FAD6DF
83.3%	83.3% #FCDFDD	RGB 252 223 221	#FCDFDD
100.0%	100.0% #FFEEE5	RGB 255 238 229	#FFEEE5

#D9BCF0 #EBC2F2 #F5C9EE #F7D0E5 #FAD6DF #FCDFDD #FFEEE5

#D9BCF0 - #F7D0E5 - #FFEEE5

CSS codes

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

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