#210C08 - #5E422F | 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 #210C08 to #5E422F

#210C08 #5E422F

Calculate the color between two colors, #210C08 and #5E422F. 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)

#210C08 - #5E422F | 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 #210C08 as 0% and #5E422F as 100%.

0.0%	0.0% #210C08	RGB 33 12 8	#210C08
16.7%	16.7% #2B150E	RGB 43 21 14	#2B150E
33.3%	33.3% #351E15	RGB 53 30 21	#351E15
50.0%	50.0% #3F271B	RGB 63 39 27	#3F271B
66.7%	66.7% #493022	RGB 73 48 34	#493022
83.3%	83.3% #533928	RGB 83 57 40	#533928
100.0%	100.0% #5E422F	RGB 94 66 47	#5E422F

#210C08 #2B150E #351E15 #3F271B #493022 #533928 #5E422F

#210C08 - #5E422F

HSV Blend

#210C08 - #5E422F | 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 #210C08 as 0% and #5E422F as 100%.

0.0%	0.0% #210C08	RGB 33 12 8	#210C08
16.7%	16.7% #2B120C	RGB 43 18 12	#2B120C
33.3%	33.3% #351A11	RGB 53 26 17	#351A11
50.0%	50.0% #3F2217	RGB 63 34 23	#3F2217
66.7%	66.7% #492C1E	RGB 73 44 30	#492C1E
83.3%	83.3% #533626	RGB 83 54 38	#533626
100.0%	100.0% #5E422F	RGB 94 66 47	#5E422F

#210C08 #2B120C #351A11 #3F2217 #492C1E #533626 #5E422F

#210C08 - #3F2217 - #5E422F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #210C08 0%, #3F2217 50%, #5E422F 100%);
    background: -webkit-linear-gradient(top, #210C08 0%, #3F2217 50%, #5E422F 100%);
    background: linear-gradient(to bottom, #210C08 0%, #3F2217 50%, #5E422F 100%);
}
</style>