#EED2FF - #D07DF4 | 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 #EED2FF to #D07DF4

#EED2FF #D07DF4

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

#EED2FF - #D07DF4 | 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 #EED2FF as 0% and #D07DF4 as 100%.

0.0%	0.0% #EED2FF	RGB 238 210 255	#EED2FF
16.7%	16.7% #E9C3FD	RGB 233 195 253	#E9C3FD
33.3%	33.3% #E4B5FB	RGB 228 181 251	#E4B5FB
50.0%	50.0% #DFA7F9	RGB 223 167 249	#DFA7F9
66.7%	66.7% #DA99F7	RGB 218 153 247	#DA99F7
83.3%	83.3% #D58BF5	RGB 213 139 245	#D58BF5
100.0%	100.0% #D07DF4	RGB 208 125 244	#D07DF4

#EED2FF #E9C3FD #E4B5FB #DFA7F9 #DA99F7 #D58BF5 #D07DF4

#EED2FF - #D07DF4

HSV Blend

#EED2FF - #D07DF4 | 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 #EED2FF as 0% and #D07DF4 as 100%.

0.0%	0.0% #EED2FF	RGB 238 210 255	#EED2FF
16.7%	16.7% #E8C3FD	RGB 232 195 253	#E8C3FD
33.3%	33.3% #E2B4FB	RGB 226 180 251	#E2B4FB
50.0%	50.0% #DDA6F9	RGB 221 166 249	#DDA6F9
66.7%	66.7% #D898F7	RGB 216 152 247	#D898F7
83.3%	83.3% #D48AF5	RGB 212 138 245	#D48AF5
100.0%	100.0% #D07DF4	RGB 208 125 244	#D07DF4

#EED2FF #E8C3FD #E2B4FB #DDA6F9 #D898F7 #D48AF5 #D07DF4

#EED2FF - #DDA6F9 - #D07DF4

CSS codes

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

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