#5E8472 - #1A2520 | 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 #5E8472 to #1A2520

#5E8472 #1A2520

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

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

0.0%	0.0% #5E8472	RGB 94 132 114	#5E8472
16.7%	16.7% #527464	RGB 82 116 100	#527464
33.3%	33.3% #476456	RGB 71 100 86	#476456
50.0%	50.0% #3C5449	RGB 60 84 73	#3C5449
66.7%	66.7% #30443B	RGB 48 68 59	#30443B
83.3%	83.3% #25342D	RGB 37 52 45	#25342D
100.0%	100.0% #1A2520	RGB 26 37 32	#1A2520

#5E8472 #527464 #476456 #3C5449 #30443B #25342D #1A2520

#5E8472 - #1A2520

HSV Blend

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

0.0%	0.0% #5E8472	RGB 94 132 114	#5E8472
16.7%	16.7% #527464	RGB 82 116 100	#527464
33.3%	33.3% #476456	RGB 71 100 86	#476456
50.0%	50.0% #3B5449	RGB 59 84 73	#3B5449
66.7%	66.7% #30443B	RGB 48 68 59	#30443B
83.3%	83.3% #25342D	RGB 37 52 45	#25342D
100.0%	100.0% #1A2520	RGB 26 37 32	#1A2520

#5E8472 #527464 #476456 #3B5449 #30443B #25342D #1A2520

#5E8472 - #3B5449 - #1A2520

CSS codes

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

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