#8B5E6B - #EA82C5 | 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 #8B5E6B to #EA82C5

#8B5E6B #EA82C5

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

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

0.0%	0.0% #8B5E6B	RGB 139 94 107	#8B5E6B
16.7%	16.7% #9A647A	RGB 154 100 122	#9A647A
33.3%	33.3% #AA6A89	RGB 170 106 137	#AA6A89
50.0%	50.0% #BA7098	RGB 186 112 152	#BA7098
66.7%	66.7% #CA76A7	RGB 202 118 167	#CA76A7
83.3%	83.3% #DA7CB6	RGB 218 124 182	#DA7CB6
100.0%	100.0% #EA82C5	RGB 234 130 197	#EA82C5

#8B5E6B #9A647A #AA6A89 #BA7098 #CA76A7 #DA7CB6 #EA82C5

#8B5E6B - #EA82C5

HSV Blend

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

0.0%	0.0% #8B5E6B	RGB 139 94 107	#8B5E6B
16.7%	16.7% #9A6578	RGB 154 101 120	#9A6578
33.3%	33.3% #AA6C85	RGB 170 108 133	#AA6C85
50.0%	50.0% #BA7294	RGB 186 114 148	#BA7294
66.7%	66.7% #CA78A3	RGB 202 120 163	#CA78A3
83.3%	83.3% #DA7DB3	RGB 218 125 179	#DA7DB3
100.0%	100.0% #EA82C5	RGB 234 130 197	#EA82C5

#8B5E6B #9A6578 #AA6C85 #BA7294 #CA78A3 #DA7DB3 #EA82C5

#8B5E6B - #BA7294 - #EA82C5

CSS codes

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

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