#5E5A5B - #1B231E | 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 #5E5A5B to #1B231E

#5E5A5B #1B231E

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

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

0.0%	0.0% #5E5A5B	RGB 94 90 91	#5E5A5B
16.7%	16.7% #525050	RGB 82 80 80	#525050
33.3%	33.3% #474746	RGB 71 71 70	#474746
50.0%	50.0% #3C3E3C	RGB 60 62 60	#3C3E3C
66.7%	66.7% #313532	RGB 49 53 50	#313532
83.3%	83.3% #262C28	RGB 38 44 40	#262C28
100.0%	100.0% #1B231E	RGB 27 35 30	#1B231E

#5E5A5B #525050 #474746 #3C3E3C #313532 #262C28 #1B231E

#5E5A5B - #1B231E

HSV Blend

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

0.0%	0.0% #5E5A5B	RGB 94 90 91	#5E5A5B
16.7%	16.7% #544F4D	RGB 84 79 77	#544F4D
33.3%	33.3% #4A4742	RGB 74 71 66	#4A4742
50.0%	50.0% #3F4037	RGB 63 64 55	#3F4037
66.7%	66.7% #32362D	RGB 50 54 45	#32362D
83.3%	83.3% #242C23	RGB 36 44 35	#242C23
100.0%	100.0% #1B231E	RGB 27 35 30	#1B231E

#5E5A5B #544F4D #4A4742 #3F4037 #32362D #242C23 #1B231E

#5E5A5B - #3F4037 - #1B231E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5A5B 0%, #3F4037 50%, #1B231E 100%);
    background: -webkit-linear-gradient(top, #5E5A5B 0%, #3F4037 50%, #1B231E 100%);
    background: linear-gradient(to bottom, #5E5A5B 0%, #3F4037 50%, #1B231E 100%);
}
</style>