#5B5E5B - #1D450E | 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 #5B5E5B to #1D450E

#5B5E5B #1D450E

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

#5B5E5B - #1D450E | 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 #5B5E5B as 0% and #1D450E as 100%.

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #50594E	RGB 80 89 78	#50594E
33.3%	33.3% #465541	RGB 70 85 65	#465541
50.0%	50.0% #3C5134	RGB 60 81 52	#3C5134
66.7%	66.7% #314D27	RGB 49 77 39	#314D27
83.3%	83.3% #27491A	RGB 39 73 26	#27491A
100.0%	100.0% #1D450E	RGB 29 69 14	#1D450E

#5B5E5B #50594E #465541 #3C5134 #314D27 #27491A #1D450E

#5B5E5B - #1D450E

HSV Blend

#5B5E5B - #1D450E | 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 #5B5E5B as 0% and #1D450E as 100%.

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #4C594B	RGB 76 89 75	#4C594B
33.3%	33.3% #3F553D	RGB 63 85 61	#3F553D
50.0%	50.0% #34512F	RGB 52 81 47	#34512F
66.7%	66.7% #2B4D23	RGB 43 77 35	#2B4D23
83.3%	83.3% #234918	RGB 35 73 24	#234918
100.0%	100.0% #1D450E	RGB 29 69 14	#1D450E

#5B5E5B #4C594B #3F553D #34512F #2B4D23 #234918 #1D450E

#5B5E5B - #34512F - #1D450E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E5B 0%, #34512F 50%, #1D450E 100%);
    background: -webkit-linear-gradient(top, #5B5E5B 0%, #34512F 50%, #1D450E 100%);
    background: linear-gradient(to bottom, #5B5E5B 0%, #34512F 50%, #1D450E 100%);
}
</style>