#EDE5FF - #C38FD8 | 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 #EDE5FF to #C38FD8

#EDE5FF #C38FD8

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

#EDE5FF - #C38FD8 | 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 #EDE5FF as 0% and #C38FD8 as 100%.

0.0%	0.0% #EDE5FF	RGB 237 229 255	#EDE5FF
16.7%	16.7% #E6D6F8	RGB 230 214 248	#E6D6F8
33.3%	33.3% #DFC8F2	RGB 223 200 242	#DFC8F2
50.0%	50.0% #D8BAEB	RGB 216 186 235	#D8BAEB
66.7%	66.7% #D1ABE5	RGB 209 171 229	#D1ABE5
83.3%	83.3% #CA9DDE	RGB 202 157 222	#CA9DDE
100.0%	100.0% #C38FD8	RGB 195 143 216	#C38FD8

#EDE5FF #E6D6F8 #DFC8F2 #D8BAEB #D1ABE5 #CA9DDE #C38FD8

#EDE5FF - #C38FD8

HSV Blend

#EDE5FF - #C38FD8 | 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 #EDE5FF as 0% and #C38FD8 as 100%.

0.0%	0.0% #EDE5FF	RGB 237 229 255	#EDE5FF
16.7%	16.7% #E2D5F8	RGB 226 213 248	#E2D5F8
33.3%	33.3% #D9C6F2	RGB 217 198 242	#D9C6F2
50.0%	50.0% #D2B7EB	RGB 210 183 235	#D2B7EB
66.7%	66.7% #CBA9E5	RGB 203 169 229	#CBA9E5
83.3%	83.3% #C69CDE	RGB 198 156 222	#C69CDE
100.0%	100.0% #C38FD8	RGB 195 143 216	#C38FD8

#EDE5FF #E2D5F8 #D9C6F2 #D2B7EB #CBA9E5 #C69CDE #C38FD8

#EDE5FF - #D2B7EB - #C38FD8

CSS codes

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

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