#D4CBF7 - #FFEDEB | 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 #D4CBF7 to #FFEDEB

#D4CBF7 #FFEDEB

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

#D4CBF7 - #FFEDEB | 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 #D4CBF7 as 0% and #FFEDEB as 100%.

0.0%	0.0% #D4CBF7	RGB 212 203 247	#D4CBF7
16.7%	16.7% #DBD0F5	RGB 219 208 245	#DBD0F5
33.3%	33.3% #E2D6F3	RGB 226 214 243	#E2D6F3
50.0%	50.0% #E9DCF1	RGB 233 220 241	#E9DCF1
66.7%	66.7% #F0E1EF	RGB 240 225 239	#F0E1EF
83.3%	83.3% #F7E7ED	RGB 247 231 237	#F7E7ED
100.0%	100.0% #FFEDEB	RGB 255 237 235	#FFEDEB

#D4CBF7 #DBD0F5 #E2D6F3 #E9DCF1 #F0E1EF #F7E7ED #FFEDEB

#D4CBF7 - #FFEDEB

HSV Blend

#D4CBF7 - #FFEDEB | 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 #D4CBF7 as 0% and #FFEDEB as 100%.

0.0%	0.0% #D4CBF7	RGB 212 203 247	#D4CBF7
16.7%	16.7% #E5D0F8	RGB 229 208 248	#E5D0F8
33.3%	33.3% #F3D5F9	RGB 243 213 249	#F3D5F9
50.0%	50.0% #FBDAF6	RGB 251 218 246	#FBDAF6
66.7%	66.7% #FCE0EF	RGB 252 224 239	#FCE0EF
83.3%	83.3% #FDE5EA	RGB 253 229 234	#FDE5EA
100.0%	100.0% #FFEDEB	RGB 255 237 235	#FFEDEB

#D4CBF7 #E5D0F8 #F3D5F9 #FBDAF6 #FCE0EF #FDE5EA #FFEDEB

#D4CBF7 - #FBDAF6 - #FFEDEB

CSS codes

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

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