#E0C5E3 - #8D6DA4 | 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 #E0C5E3 to #8D6DA4

#E0C5E3 #8D6DA4

Calculate the color between two colors, #E0C5E3 and #8D6DA4. 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)

#E0C5E3 - #8D6DA4 | 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 #E0C5E3 as 0% and #8D6DA4 as 100%.

0.0%	0.0% #E0C5E3	RGB 224 197 227	#E0C5E3
16.7%	16.7% #D2B6D8	RGB 210 182 216	#D2B6D8
33.3%	33.3% #C4A7CE	RGB 196 167 206	#C4A7CE
50.0%	50.0% #B699C3	RGB 182 153 195	#B699C3
66.7%	66.7% #A88AB9	RGB 168 138 185	#A88AB9
83.3%	83.3% #9A7BAE	RGB 154 123 174	#9A7BAE
100.0%	100.0% #8D6DA4	RGB 141 109 164	#8D6DA4

#E0C5E3 #D2B6D8 #C4A7CE #B699C3 #A88AB9 #9A7BAE #8D6DA4

#E0C5E3 - #8D6DA4

HSV Blend

#E0C5E3 - #8D6DA4 | 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 #E0C5E3 as 0% and #8D6DA4 as 100%.

0.0%	0.0% #E0C5E3	RGB 224 197 227	#E0C5E3
16.7%	16.7% #D2B4D8	RGB 210 180 216	#D2B4D8
33.3%	33.3% #C5A4CE	RGB 197 164 206	#C5A4CE
50.0%	50.0% #B795C3	RGB 183 149 195	#B795C3
66.7%	66.7% #A987B9	RGB 169 135 185	#A987B9
83.3%	83.3% #9B79AE	RGB 155 121 174	#9B79AE
100.0%	100.0% #8D6DA4	RGB 141 109 164	#8D6DA4

#E0C5E3 #D2B4D8 #C5A4CE #B795C3 #A987B9 #9B79AE #8D6DA4

#E0C5E3 - #B795C3 - #8D6DA4

CSS codes

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

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