#5D6E5E - #20352D | 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 #5D6E5E to #20352D

#5D6E5E #20352D

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

#5D6E5E - #20352D | 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 #5D6E5E as 0% and #20352D as 100%.

0.0%	0.0% #5D6E5E	RGB 93 110 94	#5D6E5E
16.7%	16.7% #526455	RGB 82 100 85	#526455
33.3%	33.3% #485B4D	RGB 72 91 77	#485B4D
50.0%	50.0% #3E5145	RGB 62 81 69	#3E5145
66.7%	66.7% #34483D	RGB 52 72 61	#34483D
83.3%	83.3% #2A3E35	RGB 42 62 53	#2A3E35
100.0%	100.0% #20352D	RGB 32 53 45	#20352D

#5D6E5E #526455 #485B4D #3E5145 #34483D #2A3E35 #20352D

#5D6E5E - #20352D

HSV Blend

#5D6E5E - #20352D | 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 #5D6E5E as 0% and #20352D as 100%.

0.0%	0.0% #5D6E5E	RGB 93 110 94	#5D6E5E
16.7%	16.7% #506453	RGB 80 100 83	#506453
33.3%	33.3% #455B4A	RGB 69 91 74	#455B4A
50.0%	50.0% #3B5142	RGB 59 81 66	#3B5142
66.7%	66.7% #31483B	RGB 49 72 59	#31483B
83.3%	83.3% #283E33	RGB 40 62 51	#283E33
100.0%	100.0% #20352D	RGB 32 53 45	#20352D

#5D6E5E #506453 #455B4A #3B5142 #31483B #283E33 #20352D

#5D6E5E - #3B5142 - #20352D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D6E5E 0%, #3B5142 50%, #20352D 100%);
    background: -webkit-linear-gradient(top, #5D6E5E 0%, #3B5142 50%, #20352D 100%);
    background: linear-gradient(to bottom, #5D6E5E 0%, #3B5142 50%, #20352D 100%);
}
</style>