#960B5E - #EA537B | 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 #960B5E to #EA537B

#960B5E #EA537B

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

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

0.0%	0.0% #960B5E	RGB 150 11 94	#960B5E
16.7%	16.7% #A41762	RGB 164 23 98	#A41762
33.3%	33.3% #B22367	RGB 178 35 103	#B22367
50.0%	50.0% #C02F6C	RGB 192 47 108	#C02F6C
66.7%	66.7% #CE3B71	RGB 206 59 113	#CE3B71
83.3%	83.3% #DC4776	RGB 220 71 118	#DC4776
100.0%	100.0% #EA537B	RGB 234 83 123	#EA537B

#960B5E #A41762 #B22367 #C02F6C #CE3B71 #DC4776 #EA537B

#960B5E - #EA537B

HSV Blend

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

0.0%	0.0% #960A5E	RGB 150 10 94	#960A5E
16.7%	16.7% #A41361	RGB 164 19 97	#A41361
33.3%	33.3% #B21D65	RGB 178 29 101	#B21D65
50.0%	50.0% #C0296A	RGB 192 41 106	#C0296A
66.7%	66.7% #CE356E	RGB 206 53 110	#CE356E
83.3%	83.3% #DC4374	RGB 220 67 116	#DC4374
100.0%	100.0% #EA537B	RGB 234 83 123	#EA537B

#960A5E #A41361 #B21D65 #C0296A #CE356E #DC4374 #EA537B

#960B5E - #C0296A - #EA537B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #960A5E 0%, #C0296A 50%, #EA537B 100%);
    background: -webkit-linear-gradient(top, #960A5E 0%, #C0296A 50%, #EA537B 100%);
    background: linear-gradient(to bottom, #960A5E 0%, #C0296A 50%, #EA537B 100%);
}
</style>