#992F5E - #4F041C | 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 #992F5E to #4F041C

#992F5E #4F041C

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

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

0.0%	0.0% #992F5E	RGB 153 47 94	#992F5E
16.7%	16.7% #8C2753	RGB 140 39 83	#8C2753
33.3%	33.3% #802048	RGB 128 32 72	#802048
50.0%	50.0% #74193D	RGB 116 25 61	#74193D
66.7%	66.7% #671232	RGB 103 18 50	#671232
83.3%	83.3% #5B0B27	RGB 91 11 39	#5B0B27
100.0%	100.0% #4F041C	RGB 79 4 28	#4F041C

#992F5E #8C2753 #802048 #74193D #671232 #5B0B27 #4F041C

#992F5E - #4F041C

HSV Blend

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

0.0%	0.0% #992E5E	RGB 153 46 94	#992E5E
16.7%	16.7% #8C2550	RGB 140 37 80	#8C2550
33.3%	33.3% #801C44	RGB 128 28 68	#801C44
50.0%	50.0% #741439	RGB 116 20 57	#741439
66.7%	66.7% #670E2E	RGB 103 14 46	#670E2E
83.3%	83.3% #5B0824	RGB 91 8 36	#5B0824
100.0%	100.0% #4F041C	RGB 79 4 28	#4F041C

#992E5E #8C2550 #801C44 #741439 #670E2E #5B0824 #4F041C

#992F5E - #741439 - #4F041C

CSS codes

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

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