#5E7260 - #1A201B | 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 #5E7260 to #1A201B

#5E7260 #1A201B

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

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

0.0%	0.0% #5E7260	RGB 94 114 96	#5E7260
16.7%	16.7% #526454	RGB 82 100 84	#526454
33.3%	33.3% #475649	RGB 71 86 73	#475649
50.0%	50.0% #3C493D	RGB 60 73 61	#3C493D
66.7%	66.7% #303B32	RGB 48 59 50	#303B32
83.3%	83.3% #252D26	RGB 37 45 38	#252D26
100.0%	100.0% #1A201B	RGB 26 32 27	#1A201B

#5E7260 #526454 #475649 #3C493D #303B32 #252D26 #1A201B

#5E7260 - #1A201B

HSV Blend

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

0.0%	0.0% #5E7260	RGB 94 114 96	#5E7260
16.7%	16.7% #526454	RGB 82 100 84	#526454
33.3%	33.3% #475649	RGB 71 86 73	#475649
50.0%	50.0% #3B493D	RGB 59 73 61	#3B493D
66.7%	66.7% #303B32	RGB 48 59 50	#303B32
83.3%	83.3% #252D26	RGB 37 45 38	#252D26
100.0%	100.0% #1A201B	RGB 26 32 27	#1A201B

#5E7260 #526454 #475649 #3B493D #303B32 #252D26 #1A201B

#5E7260 - #3B493D - #1A201B

CSS codes

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

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