#2D1D14 - #7D583F | 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 #2D1D14 to #7D583F

#2D1D14 #7D583F

Calculate the color between two colors, #2D1D14 and #7D583F. 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)

#2D1D14 - #7D583F | 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 #2D1D14 as 0% and #7D583F as 100%.

0.0%	0.0% #2D1D14	RGB 45 29 20	#2D1D14
16.7%	16.7% #3A261B	RGB 58 38 27	#3A261B
33.3%	33.3% #473022	RGB 71 48 34	#473022
50.0%	50.0% #553A29	RGB 85 58 41	#553A29
66.7%	66.7% #624430	RGB 98 68 48	#624430
83.3%	83.3% #6F4E37	RGB 111 78 55	#6F4E37
100.0%	100.0% #7D583F	RGB 125 88 63	#7D583F

#2D1D14 #3A261B #473022 #553A29 #624430 #6F4E37 #7D583F

#2D1D14 - #7D583F

HSV Blend

#2D1D14 - #7D583F | 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 #2D1D14 as 0% and #7D583F as 100%.

0.0%	0.0% #2D1D14	RGB 45 29 20	#2D1D14
16.7%	16.7% #3A261A	RGB 58 38 26	#3A261A
33.3%	33.3% #472F21	RGB 71 47 33	#472F21
50.0%	50.0% #553928	RGB 85 57 40	#553928
66.7%	66.7% #62432F	RGB 98 67 47	#62432F
83.3%	83.3% #6F4D37	RGB 111 77 55	#6F4D37
100.0%	100.0% #7D583F	RGB 125 88 63	#7D583F

#2D1D14 #3A261A #472F21 #553928 #62432F #6F4D37 #7D583F

#2D1D14 - #553928 - #7D583F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D1D14 0%, #553928 50%, #7D583F 100%);
    background: -webkit-linear-gradient(top, #2D1D14 0%, #553928 50%, #7D583F 100%);
    background: linear-gradient(to bottom, #2D1D14 0%, #553928 50%, #7D583F 100%);
}
</style>