#96005A - #EB4477 | 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 #96005A to #EB4477

#96005A #EB4477

Calculate the color between two colors, #96005A and #EB4477. 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)

#96005A - #EB4477 | 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 #96005A as 0% and #EB4477 as 100%.

0.0%	0.0% #96005A	RGB 150 0 90	#96005A
16.7%	16.7% #A40B5E	RGB 164 11 94	#A40B5E
33.3%	33.3% #B21663	RGB 178 22 99	#B21663
50.0%	50.0% #C02268	RGB 192 34 104	#C02268
66.7%	66.7% #CE2D6D	RGB 206 45 109	#CE2D6D
83.3%	83.3% #DC3872	RGB 220 56 114	#DC3872
100.0%	100.0% #EB4477	RGB 235 68 119	#EB4477

#96005A #A40B5E #B21663 #C02268 #CE2D6D #DC3872 #EB4477

#96005A - #EB4477

HSV Blend

#96005A - #EB4477 | 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 #96005A as 0% and #EB4477 as 100%.

0.0%	0.0% #96005A	RGB 150 0 90	#96005A
16.7%	16.7% #A4075D	RGB 164 7 93	#A4075D
33.3%	33.3% #B21162	RGB 178 17 98	#B21162
50.0%	50.0% #C01B66	RGB 192 27 102	#C01B66
66.7%	66.7% #CE276B	RGB 206 39 107	#CE276B
83.3%	83.3% #DC3570	RGB 220 53 112	#DC3570
100.0%	100.0% #EB4477	RGB 235 68 119	#EB4477

#96005A #A4075D #B21162 #C01B66 #CE276B #DC3570 #EB4477

#96005A - #C01B66 - #EB4477

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96005A 0%, #C01B66 50%, #EB4477 100%);
    background: -webkit-linear-gradient(top, #96005A 0%, #C01B66 50%, #EB4477 100%);
    background: linear-gradient(to bottom, #96005A 0%, #C01B66 50%, #EB4477 100%);
}
</style>