#960033 - #EB474E | 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 #960033 to #EB474E

#960033 #EB474E

Calculate the color between two colors, #960033 and #EB474E. 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)

#960033 - #EB474E | 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 #960033 as 0% and #EB474E as 100%.

0.0%	0.0% #960033	RGB 150 0 51	#960033
16.7%	16.7% #A40B37	RGB 164 11 55	#A40B37
33.3%	33.3% #B2173C	RGB 178 23 60	#B2173C
50.0%	50.0% #C02340	RGB 192 35 64	#C02340
66.7%	66.7% #CE2F45	RGB 206 47 69	#CE2F45
83.3%	83.3% #DC3B49	RGB 220 59 73	#DC3B49
100.0%	100.0% #EB474E	RGB 235 71 78	#EB474E

#960033 #A40B37 #B2173C #C02340 #CE2F45 #DC3B49 #EB474E

#960033 - #EB474E

HSV Blend

#960033 - #EB474E | 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 #960033 as 0% and #EB474E as 100%.

0.0%	0.0% #960033	RGB 150 0 51	#960033
16.7%	16.7% #A40835	RGB 164 8 53	#A40835
33.3%	33.3% #B21138	RGB 178 17 56	#B21138
50.0%	50.0% #C01D3C	RGB 192 29 60	#C01D3C
66.7%	66.7% #CE2941	RGB 206 41 65	#CE2941
83.3%	83.3% #DC3746	RGB 220 55 70	#DC3746
100.0%	100.0% #EB474E	RGB 235 71 78	#EB474E

#960033 #A40835 #B21138 #C01D3C #CE2941 #DC3746 #EB474E

#960033 - #C01D3C - #EB474E

CSS codes

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

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