#EDC8F7 - #9E67C0 | 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 #EDC8F7 to #9E67C0

#EDC8F7 #9E67C0

Calculate the color between two colors, #EDC8F7 and #9E67C0. 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)

#EDC8F7 - #9E67C0 | 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 #EDC8F7 as 0% and #9E67C0 as 100%.

0.0%	0.0% #EDC8F7	RGB 237 200 247	#EDC8F7
16.7%	16.7% #DFB7ED	RGB 223 183 237	#DFB7ED
33.3%	33.3% #D2A7E4	RGB 210 167 228	#D2A7E4
50.0%	50.0% #C597DB	RGB 197 151 219	#C597DB
66.7%	66.7% #B887D2	RGB 184 135 210	#B887D2
83.3%	83.3% #AB77C9	RGB 171 119 201	#AB77C9
100.0%	100.0% #9E67C0	RGB 158 103 192	#9E67C0

#EDC8F7 #DFB7ED #D2A7E4 #C597DB #B887D2 #AB77C9 #9E67C0

#EDC8F7 - #9E67C0

HSV Blend

#EDC8F7 - #9E67C0 | 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 #EDC8F7 as 0% and #9E67C0 as 100%.

0.0%	0.0% #EDC8F7	RGB 237 200 247	#EDC8F7
16.7%	16.7% #E0B5ED	RGB 224 181 237	#E0B5ED
33.3%	33.3% #D3A4E4	RGB 211 164 228	#D3A4E4
50.0%	50.0% #C693DB	RGB 198 147 219	#C693DB
66.7%	66.7% #B883D2	RGB 184 131 210	#B883D2
83.3%	83.3% #AB75C9	RGB 171 117 201	#AB75C9
100.0%	100.0% #9E67C0	RGB 158 103 192	#9E67C0

#EDC8F7 #E0B5ED #D3A4E4 #C693DB #B883D2 #AB75C9 #9E67C0

#EDC8F7 - #C693DB - #9E67C0

CSS codes

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

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