#5D2924 - #411204 | 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 #5D2924 to #411204

#5D2924 #411204

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

#5D2924 - #411204 | 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 #5D2924 as 0% and #411204 as 100%.

0.0%	0.0% #5D2924	RGB 93 41 36	#5D2924
16.7%	16.7% #58251E	RGB 88 37 30	#58251E
33.3%	33.3% #532119	RGB 83 33 25	#532119
50.0%	50.0% #4F1D14	RGB 79 29 20	#4F1D14
66.7%	66.7% #4A190E	RGB 74 25 14	#4A190E
83.3%	83.3% #451509	RGB 69 21 9	#451509
100.0%	100.0% #411204	RGB 65 18 4	#411204

#5D2924 #58251E #532119 #4F1D14 #4A190E #451509 #411204

#5D2924 - #411204

HSV Blend

#5D2924 - #411204 | 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 #5D2924 as 0% and #411204 as 100%.

0.0%	0.0% #5D2923	RGB 93 41 35	#5D2923
16.7%	16.7% #58231D	RGB 88 35 29	#58231D
33.3%	33.3% #531F17	RGB 83 31 23	#531F17
50.0%	50.0% #4F1B11	RGB 79 27 17	#4F1B11
66.7%	66.7% #4A170C	RGB 74 23 12	#4A170C
83.3%	83.3% #451408	RGB 69 20 8	#451408
100.0%	100.0% #411204	RGB 65 18 4	#411204

#5D2923 #58231D #531F17 #4F1B11 #4A170C #451408 #411204

#5D2924 - #4F1B11 - #411204

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D2923 0%, #4F1B11 50%, #411204 100%);
    background: -webkit-linear-gradient(top, #5D2923 0%, #4F1B11 50%, #411204 100%);
    background: linear-gradient(to bottom, #5D2923 0%, #4F1B11 50%, #411204 100%);
}
</style>