#5E1229 - #33030D | 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 #5E1229 to #33030D

#5E1229 #33030D

Calculate the color between two colors, #5E1229 and #33030D. 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)

#5E1229 - #33030D | 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 #5E1229 as 0% and #33030D as 100%.

0.0%	0.0% #5E1229	RGB 94 18 41	#5E1229
16.7%	16.7% #560F24	RGB 86 15 36	#560F24
33.3%	33.3% #4F0D1F	RGB 79 13 31	#4F0D1F
50.0%	50.0% #480A1B	RGB 72 10 27	#480A1B
66.7%	66.7% #410816	RGB 65 8 22	#410816
83.3%	83.3% #3A0511	RGB 58 5 17	#3A0511
100.0%	100.0% #33030D	RGB 51 3 13	#33030D

#5E1229 #560F24 #4F0D1F #480A1B #410816 #3A0511 #33030D

#5E1229 - #33030D

HSV Blend

#5E1229 - #33030D | 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 #5E1229 as 0% and #33030D as 100%.

0.0%	0.0% #5E1128	RGB 94 17 40	#5E1128
16.7%	16.7% #560E23	RGB 86 14 35	#560E23
33.3%	33.3% #4F0B1E	RGB 79 11 30	#4F0B1E
50.0%	50.0% #480919	RGB 72 9 25	#480919
66.7%	66.7% #410614	RGB 65 6 20	#410614
83.3%	83.3% #3A0410	RGB 58 4 16	#3A0410
100.0%	100.0% #33030D	RGB 51 3 13	#33030D

#5E1128 #560E23 #4F0B1E #480919 #410614 #3A0410 #33030D

#5E1229 - #480919 - #33030D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1128 0%, #480919 50%, #33030D 100%);
    background: -webkit-linear-gradient(top, #5E1128 0%, #480919 50%, #33030D 100%);
    background: linear-gradient(to bottom, #5E1128 0%, #480919 50%, #33030D 100%);
}
</style>