#E8C0D5 - #DBC9F9 | 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 #E8C0D5 to #DBC9F9

#E8C0D5 #DBC9F9

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

#E8C0D5 - #DBC9F9 | 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 #E8C0D5 as 0% and #DBC9F9 as 100%.

0.0%	0.0% #E8C0D5	RGB 232 192 213	#E8C0D5
16.7%	16.7% #E5C1DB	RGB 229 193 219	#E5C1DB
33.3%	33.3% #E3C3E1	RGB 227 195 225	#E3C3E1
50.0%	50.0% #E1C4E7	RGB 225 196 231	#E1C4E7
66.7%	66.7% #DFC6ED	RGB 223 198 237	#DFC6ED
83.3%	83.3% #DDC7F3	RGB 221 199 243	#DDC7F3
100.0%	100.0% #DBC9F9	RGB 219 201 249	#DBC9F9

#E8C0D5 #E5C1DB #E3C3E1 #E1C4E7 #DFC6ED #DDC7F3 #DBC9F9

#E8C0D5 - #DBC9F9

HSV Blend

#E8C0D5 - #DBC9F9 | 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 #E8C0D5 as 0% and #DBC9F9 as 100%.

0.0%	0.0% #E8C0D5	RGB 232 192 213	#E8C0D5
16.7%	16.7% #EAC1DE	RGB 234 193 222	#EAC1DE
33.3%	33.3% #EDC3E9	RGB 237 195 233	#EDC3E9
50.0%	50.0% #EDC4F0	RGB 237 196 240	#EDC4F0
66.7%	66.7% #E7C6F3	RGB 231 198 243	#E7C6F3
83.3%	83.3% #E1C7F6	RGB 225 199 246	#E1C7F6
100.0%	100.0% #DBC9F9	RGB 219 201 249	#DBC9F9

#E8C0D5 #EAC1DE #EDC3E9 #EDC4F0 #E7C6F3 #E1C7F6 #DBC9F9

#E8C0D5 - #EDC4F0 - #DBC9F9

CSS codes

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

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