#D6CDF7 - #FFEEEB | 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 #D6CDF7 to #FFEEEB

#D6CDF7 #FFEEEB

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

#D6CDF7 - #FFEEEB | 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 #D6CDF7 as 0% and #FFEEEB as 100%.

0.0%	0.0% #D6CDF7	RGB 214 205 247	#D6CDF7
16.7%	16.7% #DCD2F5	RGB 220 210 245	#DCD2F5
33.3%	33.3% #E3D8F3	RGB 227 216 243	#E3D8F3
50.0%	50.0% #EADDF1	RGB 234 221 241	#EADDF1
66.7%	66.7% #F1E3EF	RGB 241 227 239	#F1E3EF
83.3%	83.3% #F8E8ED	RGB 248 232 237	#F8E8ED
100.0%	100.0% #FFEEEB	RGB 255 238 235	#FFEEEB

#D6CDF7 #DCD2F5 #E3D8F3 #EADDF1 #F1E3EF #F8E8ED #FFEEEB

#D6CDF7 - #FFEEEB

HSV Blend

#D6CDF7 - #FFEEEB | 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 #D6CDF7 as 0% and #FFEEEB as 100%.

0.0%	0.0% #D6CDF7	RGB 214 205 247	#D6CDF7
16.7%	16.7% #E6D1F8	RGB 230 209 248	#E6D1F8
33.3%	33.3% #F4D6F9	RGB 244 214 249	#F4D6F9
50.0%	50.0% #FBDBF5	RGB 251 219 245	#FBDBF5
66.7%	66.7% #FCE0EE	RGB 252 224 238	#FCE0EE
83.3%	83.3% #FDE5EA	RGB 253 229 234	#FDE5EA
100.0%	100.0% #FFEEEB	RGB 255 238 235	#FFEEEB

#D6CDF7 #E6D1F8 #F4D6F9 #FBDBF5 #FCE0EE #FDE5EA #FFEEEB

#D6CDF7 - #FBDBF5 - #FFEEEB

CSS codes

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

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