#412A32 - #120C0E | 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 #412A32 to #120C0E

#412A32 #120C0E

Calculate the color between two colors, #412A32 and #120C0E. 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)

#412A32 - #120C0E | 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 #412A32 as 0% and #120C0E as 100%.

0.0%	0.0% #412A32	RGB 65 42 50	#412A32
16.7%	16.7% #39252C	RGB 57 37 44	#39252C
33.3%	33.3% #312026	RGB 49 32 38	#312026
50.0%	50.0% #291B20	RGB 41 27 32	#291B20
66.7%	66.7% #21161A	RGB 33 22 26	#21161A
83.3%	83.3% #191114	RGB 25 17 20	#191114
100.0%	100.0% #120C0E	RGB 18 12 14	#120C0E

#412A32 #39252C #312026 #291B20 #21161A #191114 #120C0E

#412A32 - #120C0E

HSV Blend

#412A32 - #120C0E | 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 #412A32 as 0% and #120C0E as 100%.

0.0%	0.0% #412A32	RGB 65 42 50	#412A32
16.7%	16.7% #39252C	RGB 57 37 44	#39252C
33.3%	33.3% #312026	RGB 49 32 38	#312026
50.0%	50.0% #291B20	RGB 41 27 32	#291B20
66.7%	66.7% #21161A	RGB 33 22 26	#21161A
83.3%	83.3% #191114	RGB 25 17 20	#191114
100.0%	100.0% #120C0E	RGB 18 12 14	#120C0E

#412A32 #39252C #312026 #291B20 #21161A #191114 #120C0E

#412A32 - #291B20 - #120C0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #412A32 0%, #291B20 50%, #120C0E 100%);
    background: -webkit-linear-gradient(top, #412A32 0%, #291B20 50%, #120C0E 100%);
    background: linear-gradient(to bottom, #412A32 0%, #291B20 50%, #120C0E 100%);
}
</style>