#5E8C82 - #204B4E | 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 #5E8C82 to #204B4E

#5E8C82 #204B4E

Calculate the color between two colors, #5E8C82 and #204B4E. 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)

#5E8C82 - #204B4E | 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 #5E8C82 as 0% and #204B4E as 100%.

0.0%	0.0% #5E8C82	RGB 94 140 130	#5E8C82
16.7%	16.7% #538179	RGB 83 129 121	#538179
33.3%	33.3% #497670	RGB 73 118 112	#497670
50.0%	50.0% #3F6B68	RGB 63 107 104	#3F6B68
66.7%	66.7% #34605F	RGB 52 96 95	#34605F
83.3%	83.3% #2A5556	RGB 42 85 86	#2A5556
100.0%	100.0% #204B4E	RGB 32 75 78	#204B4E

#5E8C82 #538179 #497670 #3F6B68 #34605F #2A5556 #204B4E

#5E8C82 - #204B4E

HSV Blend

#5E8C82 - #204B4E | 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 #5E8C82 as 0% and #204B4E as 100%.

0.0%	0.0% #5E8C82	RGB 94 140 130	#5E8C82
16.7%	16.7% #518179	RGB 81 129 121	#518179
33.3%	33.3% #457771	RGB 69 119 113	#457771
50.0%	50.0% #3A6D69	RGB 58 109 105	#3A6D69
66.7%	66.7% #316261	RGB 49 98 97	#316261
83.3%	83.3% #285758	RGB 40 87 88	#285758
100.0%	100.0% #204B4E	RGB 32 75 78	#204B4E

#5E8C82 #518179 #457771 #3A6D69 #316261 #285758 #204B4E

#5E8C82 - #3A6D69 - #204B4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8C82 0%, #3A6D69 50%, #204B4E 100%);
    background: -webkit-linear-gradient(top, #5E8C82 0%, #3A6D69 50%, #204B4E 100%);
    background: linear-gradient(to bottom, #5E8C82 0%, #3A6D69 50%, #204B4E 100%);
}
</style>