#5E8472 - #194D3A | 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 #194D3A

#5E8472 #194D3A

Calculate the color between two colors, #5E8472 and #194D3A. 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 - #194D3A | 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 #194D3A as 100%.

0.0%	0.0% #5E8472	RGB 94 132 114	#5E8472
16.7%	16.7% #527A68	RGB 82 122 104	#527A68
33.3%	33.3% #47715F	RGB 71 113 95	#47715F
50.0%	50.0% #3B6856	RGB 59 104 86	#3B6856
66.7%	66.7% #305F4C	RGB 48 95 76	#305F4C
83.3%	83.3% #245643	RGB 36 86 67	#245643
100.0%	100.0% #194D3A	RGB 25 77 58	#194D3A

#5E8472 #527A68 #47715F #3B6856 #305F4C #245643 #194D3A

#5E8472 - #194D3A

HSV Blend

#5E8472 - #194D3A | 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 #194D3A as 100%.

0.0%	0.0% #5E8472	RGB 94 132 114	#5E8472
16.7%	16.7% #4F7A67	RGB 79 122 103	#4F7A67
33.3%	33.3% #42715C	RGB 66 113 92	#42715C
50.0%	50.0% #366853	RGB 54 104 83	#366853
66.7%	66.7% #2B5F4A	RGB 43 95 74	#2B5F4A
83.3%	83.3% #215641	RGB 33 86 65	#215641
100.0%	100.0% #194D3A	RGB 25 77 58	#194D3A

#5E8472 #4F7A67 #42715C #366853 #2B5F4A #215641 #194D3A

#5E8472 - #366853 - #194D3A

CSS codes

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

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