#960A5E - #EA527B | 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 #960A5E to #EA527B

#960A5E #EA527B

Calculate the color between two colors, #960A5E and #EA527B. 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)

#960A5E - #EA527B | 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 #960A5E as 0% and #EA527B as 100%.

0.0%	0.0% #960A5E	RGB 150 10 94	#960A5E
16.7%	16.7% #A41662	RGB 164 22 98	#A41662
33.3%	33.3% #B22267	RGB 178 34 103	#B22267
50.0%	50.0% #C02E6C	RGB 192 46 108	#C02E6C
66.7%	66.7% #CE3A71	RGB 206 58 113	#CE3A71
83.3%	83.3% #DC4676	RGB 220 70 118	#DC4676
100.0%	100.0% #EA527B	RGB 234 82 123	#EA527B

#960A5E #A41662 #B22267 #C02E6C #CE3A71 #DC4676 #EA527B

#960A5E - #EA527B

HSV Blend

#960A5E - #EA527B | 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 #960A5E as 0% and #EA527B as 100%.

0.0%	0.0% #96095E	RGB 150 9 94	#96095E
16.7%	16.7% #A41261	RGB 164 18 97	#A41261
33.3%	33.3% #B21C65	RGB 178 28 101	#B21C65
50.0%	50.0% #C0286A	RGB 192 40 106	#C0286A
66.7%	66.7% #CE346E	RGB 206 52 110	#CE346E
83.3%	83.3% #DC4274	RGB 220 66 116	#DC4274
100.0%	100.0% #EA527B	RGB 234 82 123	#EA527B

#96095E #A41261 #B21C65 #C0286A #CE346E #DC4274 #EA527B

#960A5E - #C0286A - #EA527B

CSS codes

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

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