#969C92 - #4E6B3B | 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 #969C92 to #4E6B3B

#969C92 #4E6B3B

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

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

0.0%	0.0% #969C92	RGB 150 156 146	#969C92
16.7%	16.7% #8A9383	RGB 138 147 131	#8A9383
33.3%	33.3% #7E8B75	RGB 126 139 117	#7E8B75
50.0%	50.0% #728366	RGB 114 131 102	#728366
66.7%	66.7% #667B58	RGB 102 123 88	#667B58
83.3%	83.3% #5A7349	RGB 90 115 73	#5A7349
100.0%	100.0% #4E6B3B	RGB 78 107 59	#4E6B3B

#969C92 #8A9383 #7E8B75 #728366 #667B58 #5A7349 #4E6B3B

#969C92 - #4E6B3B

HSV Blend

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

0.0%	0.0% #969C92	RGB 150 156 146	#969C92
16.7%	16.7% #889380	RGB 136 147 128	#889380
33.3%	33.3% #7B8B70	RGB 123 139 112	#7B8B70
50.0%	50.0% #6F8361	RGB 111 131 97	#6F8361
66.7%	66.7% #637B53	RGB 99 123 83	#637B53
83.3%	83.3% #587346	RGB 88 115 70	#587346
100.0%	100.0% #4E6B3B	RGB 78 107 59	#4E6B3B

#969C92 #889380 #7B8B70 #6F8361 #637B53 #587346 #4E6B3B

#969C92 - #6F8361 - #4E6B3B

CSS codes

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

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