#5A6E5E - #0F5E2F | 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 #5A6E5E to #0F5E2F

#5A6E5E #0F5E2F

Calculate the color between two colors, #5A6E5E and #0F5E2F. 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)

#5A6E5E - #0F5E2F | 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 #5A6E5E as 0% and #0F5E2F as 100%.

0.0%	0.0% #5A6E5E	RGB 90 110 94	#5A6E5E
16.7%	16.7% #4D6B56	RGB 77 107 86	#4D6B56
33.3%	33.3% #41684E	RGB 65 104 78	#41684E
50.0%	50.0% #346646	RGB 52 102 70	#346646
66.7%	66.7% #28633E	RGB 40 99 62	#28633E
83.3%	83.3% #1B6036	RGB 27 96 54	#1B6036
100.0%	100.0% #0F5E2F	RGB 15 94 47	#0F5E2F

#5A6E5E #4D6B56 #41684E #346646 #28633E #1B6036 #0F5E2F

#5A6E5E - #0F5E2F

HSV Blend

#5A6E5E - #0F5E2F | 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 #5A6E5E as 0% and #0F5E2F as 100%.

0.0%	0.0% #5A6E5E	RGB 90 110 94	#5A6E5E
16.7%	16.7% #4C6B53	RGB 76 107 83	#4C6B53
33.3%	33.3% #3E6849	RGB 62 104 73	#3E6849
50.0%	50.0% #316641	RGB 49 102 65	#316641
66.7%	66.7% #25633A	RGB 37 99 58	#25633A
83.3%	83.3% #1A6034	RGB 26 96 52	#1A6034
100.0%	100.0% #0F5E2F	RGB 15 94 47	#0F5E2F

#5A6E5E #4C6B53 #3E6849 #316641 #25633A #1A6034 #0F5E2F

#5A6E5E - #316641 - #0F5E2F

CSS codes

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

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