#5E5B5B - #201A25 | 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 #5E5B5B to #201A25

#5E5B5B #201A25

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

#5E5B5B - #201A25 | 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 #5E5B5B as 0% and #201A25 as 100%.

0.0%	0.0% #5E5B5B	RGB 94 91 91	#5E5B5B
16.7%	16.7% #535052	RGB 83 80 82	#535052
33.3%	33.3% #494549	RGB 73 69 73	#494549
50.0%	50.0% #3F3A40	RGB 63 58 64	#3F3A40
66.7%	66.7% #342F37	RGB 52 47 55	#342F37
83.3%	83.3% #2A242E	RGB 42 36 46	#2A242E
100.0%	100.0% #201A25	RGB 32 26 37	#201A25

#5E5B5B #535052 #494549 #3F3A40 #342F37 #2A242E #201A25

#5E5B5B - #201A25

HSV Blend

#5E5B5B - #201A25 | 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 #5E5B5B as 0% and #201A25 as 100%.

0.0%	0.0% #5E5B5B	RGB 94 91 91	#5E5B5B
16.7%	16.7% #544E4F	RGB 84 78 79	#544E4F
33.3%	33.3% #4B4146	RGB 75 65 70	#4B4146
50.0%	50.0% #41363E	RGB 65 54 62	#41363E
66.7%	66.7% #382C37	RGB 56 44 55	#382C37
83.3%	83.3% #2C222E	RGB 44 34 46	#2C222E
100.0%	100.0% #201A25	RGB 32 26 37	#201A25

#5E5B5B #544E4F #4B4146 #41363E #382C37 #2C222E #201A25

#5E5B5B - #41363E - #201A25

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B5B 0%, #41363E 50%, #201A25 100%);
    background: -webkit-linear-gradient(top, #5E5B5B 0%, #41363E 50%, #201A25 100%);
    background: linear-gradient(to bottom, #5E5B5B 0%, #41363E 50%, #201A25 100%);
}
</style>