#D8C7F8 - #EDE6F0 | 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 #D8C7F8 to #EDE6F0

#D8C7F8 #EDE6F0

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

#D8C7F8 - #EDE6F0 | 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 #D8C7F8 as 0% and #EDE6F0 as 100%.

0.0%	0.0% #D8C7F8	RGB 216 199 248	#D8C7F8
16.7%	16.7% #DBCCF6	RGB 219 204 246	#DBCCF6
33.3%	33.3% #DFD1F5	RGB 223 209 245	#DFD1F5
50.0%	50.0% #E2D6F4	RGB 226 214 244	#E2D6F4
66.7%	66.7% #E6DBF2	RGB 230 219 242	#E6DBF2
83.3%	83.3% #E9E0F1	RGB 233 224 241	#E9E0F1
100.0%	100.0% #EDE6F0	RGB 237 230 240	#EDE6F0

#D8C7F8 #DBCCF6 #DFD1F5 #E2D6F4 #E6DBF2 #E9E0F1 #EDE6F0

#D8C7F8 - #EDE6F0

HSV Blend

#D8C7F8 - #EDE6F0 | 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 #D8C7F8 as 0% and #EDE6F0 as 100%.

0.0%	0.0% #D8C7F8	RGB 216 199 248	#D8C7F8
16.7%	16.7% #DDCCF6	RGB 221 204 246	#DDCCF6
33.3%	33.3% #E2D1F5	RGB 226 209 245	#E2D1F5
50.0%	50.0% #E6D6F4	RGB 230 214 244	#E6D6F4
66.7%	66.7% #E9DBF2	RGB 233 219 242	#E9DBF2
83.3%	83.3% #EBE1F1	RGB 235 225 241	#EBE1F1
100.0%	100.0% #EDE6F0	RGB 237 230 240	#EDE6F0

#D8C7F8 #DDCCF6 #E2D1F5 #E6D6F4 #E9DBF2 #EBE1F1 #EDE6F0

#D8C7F8 - #E6D6F4 - #EDE6F0

CSS codes

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

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