#992C5E - #4E031C | 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 #992C5E to #4E031C

#992C5E #4E031C

Calculate the color between two colors, #992C5E and #4E031C. 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)

#992C5E - #4E031C | 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 #992C5E as 0% and #4E031C as 100%.

0.0%	0.0% #992C5E	RGB 153 44 94	#992C5E
16.7%	16.7% #8C2553	RGB 140 37 83	#8C2553
33.3%	33.3% #801E48	RGB 128 30 72	#801E48
50.0%	50.0% #73173D	RGB 115 23 61	#73173D
66.7%	66.7% #671032	RGB 103 16 50	#671032
83.3%	83.3% #5A0927	RGB 90 9 39	#5A0927
100.0%	100.0% #4E031C	RGB 78 3 28	#4E031C

#992C5E #8C2553 #801E48 #73173D #671032 #5A0927 #4E031C

#992C5E - #4E031C

HSV Blend

#992C5E - #4E031C | 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 #992C5E as 0% and #4E031C as 100%.

0.0%	0.0% #992B5E	RGB 153 43 94	#992B5E
16.7%	16.7% #8C2250	RGB 140 34 80	#8C2250
33.3%	33.3% #801A44	RGB 128 26 68	#801A44
50.0%	50.0% #731239	RGB 115 18 57	#731239
66.7%	66.7% #670C2E	RGB 103 12 46	#670C2E
83.3%	83.3% #5A0724	RGB 90 7 36	#5A0724
100.0%	100.0% #4E031C	RGB 78 3 28	#4E031C

#992B5E #8C2250 #801A44 #731239 #670C2E #5A0724 #4E031C

#992C5E - #731239 - #4E031C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #992B5E 0%, #731239 50%, #4E031C 100%);
    background: -webkit-linear-gradient(top, #992B5E 0%, #731239 50%, #4E031C 100%);
    background: linear-gradient(to bottom, #992B5E 0%, #731239 50%, #4E031C 100%);
}
</style>