#416A00 - #C8D4B6 | 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 #416A00 to #C8D4B6

#416A00 #C8D4B6

Calculate the color between two colors, #416A00 and #C8D4B6. 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)

#416A00 - #C8D4B6 | 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 #416A00 as 0% and #C8D4B6 as 100%.

0.0%	0.0% #416A00	RGB 65 106 0	#416A00
16.7%	16.7% #577B1E	RGB 87 123 30	#577B1E
33.3%	33.3% #6E8D3C	RGB 110 141 60	#6E8D3C
50.0%	50.0% #849F5B	RGB 132 159 91	#849F5B
66.7%	66.7% #9BB079	RGB 155 176 121	#9BB079
83.3%	83.3% #B1C297	RGB 177 194 151	#B1C297
100.0%	100.0% #C8D4B6	RGB 200 212 182	#C8D4B6

#416A00 #577B1E #6E8D3C #849F5B #9BB079 #B1C297 #C8D4B6

#416A00 - #C8D4B6

HSV Blend

#416A00 - #C8D4B6 | 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 #416A00 as 0% and #C8D4B6 as 100%.

0.0%	0.0% #416A00	RGB 65 106 0	#416A00
16.7%	16.7% #527B11	RGB 82 123 17	#527B11
33.3%	33.3% #658D28	RGB 101 141 40	#658D28
50.0%	50.0% #7B9F44	RGB 123 159 68	#7B9F44
66.7%	66.7% #92B065	RGB 146 176 101	#92B065
83.3%	83.3% #ACC28B	RGB 172 194 139	#ACC28B
100.0%	100.0% #C8D4B6	RGB 200 212 182	#C8D4B6

#416A00 #527B11 #658D28 #7B9F44 #92B065 #ACC28B #C8D4B6

#416A00 - #7B9F44 - #C8D4B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #416A00 0%, #7B9F44 50%, #C8D4B6 100%);
    background: -webkit-linear-gradient(top, #416A00 0%, #7B9F44 50%, #C8D4B6 100%);
    background: linear-gradient(to bottom, #416A00 0%, #7B9F44 50%, #C8D4B6 100%);
}
</style>