#8F5E6D - #EC82D3 | 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 #8F5E6D to #EC82D3

#8F5E6D #EC82D3

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

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

0.0%	0.0% #8F5E6D	RGB 143 94 109	#8F5E6D
16.7%	16.7% #9E647E	RGB 158 100 126	#9E647E
33.3%	33.3% #AE6A8F	RGB 174 106 143	#AE6A8F
50.0%	50.0% #BD70A0	RGB 189 112 160	#BD70A0
66.7%	66.7% #CD76B1	RGB 205 118 177	#CD76B1
83.3%	83.3% #DC7CC2	RGB 220 124 194	#DC7CC2
100.0%	100.0% #EC82D3	RGB 236 130 211	#EC82D3

#8F5E6D #9E647E #AE6A8F #BD70A0 #CD76B1 #DC7CC2 #EC82D3

#8F5E6D - #EC82D3

HSV Blend

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

0.0%	0.0% #8F5E6D	RGB 143 94 109	#8F5E6D
16.7%	16.7% #9E657B	RGB 158 101 123	#9E657B
33.3%	33.3% #AE6C8A	RGB 174 108 138	#AE6C8A
50.0%	50.0% #BD729A	RGB 189 114 154	#BD729A
66.7%	66.7% #CD78AC	RGB 205 120 172	#CD78AC
83.3%	83.3% #DC7DBE	RGB 220 125 190	#DC7DBE
100.0%	100.0% #EC82D3	RGB 236 130 211	#EC82D3

#8F5E6D #9E657B #AE6C8A #BD729A #CD78AC #DC7DBE #EC82D3

#8F5E6D - #BD729A - #EC82D3

CSS codes

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

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