#959C92 - #4B6D3B | 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 #959C92 to #4B6D3B

#959C92 #4B6D3B

Calculate the color between two colors, #959C92 and #4B6D3B. 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)

#959C92 - #4B6D3B | 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 #959C92 as 0% and #4B6D3B as 100%.

0.0%	0.0% #959C92	RGB 149 156 146	#959C92
16.7%	16.7% #889483	RGB 136 148 131	#889483
33.3%	33.3% #7C8C75	RGB 124 140 117	#7C8C75
50.0%	50.0% #708466	RGB 112 132 102	#708466
66.7%	66.7% #637C58	RGB 99 124 88	#637C58
83.3%	83.3% #577449	RGB 87 116 73	#577449
100.0%	100.0% #4B6D3B	RGB 75 109 59	#4B6D3B

#959C92 #889483 #7C8C75 #708466 #637C58 #577449 #4B6D3B

#959C92 - #4B6D3B

HSV Blend

#959C92 - #4B6D3B | 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 #959C92 as 0% and #4B6D3B as 100%.

0.0%	0.0% #959C92	RGB 149 156 146	#959C92
16.7%	16.7% #869480	RGB 134 148 128	#869480
33.3%	33.3% #798C70	RGB 121 140 112	#798C70
50.0%	50.0% #6C8461	RGB 108 132 97	#6C8461
66.7%	66.7% #607C53	RGB 96 124 83	#607C53
83.3%	83.3% #557446	RGB 85 116 70	#557446
100.0%	100.0% #4B6D3B	RGB 75 109 59	#4B6D3B

#959C92 #869480 #798C70 #6C8461 #607C53 #557446 #4B6D3B

#959C92 - #6C8461 - #4B6D3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #959C92 0%, #6C8461 50%, #4B6D3B 100%);
    background: -webkit-linear-gradient(top, #959C92 0%, #6C8461 50%, #4B6D3B 100%);
    background: linear-gradient(to bottom, #959C92 0%, #6C8461 50%, #4B6D3B 100%);
}
</style>