#C7E8AF - #384232 | 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 #C7E8AF to #384232

#C7E8AF #384232

Calculate the color between two colors, #C7E8AF and #384232. 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)

#C7E8AF - #384232 | 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 #C7E8AF as 0% and #384232 as 100%.

0.0%	0.0% #C7E8AF	RGB 199 232 175	#C7E8AF
16.7%	16.7% #AFCC9A	RGB 175 204 154	#AFCC9A
33.3%	33.3% #97B085	RGB 151 176 133	#97B085
50.0%	50.0% #7F9570	RGB 127 149 112	#7F9570
66.7%	66.7% #67795B	RGB 103 121 91	#67795B
83.3%	83.3% #4F5D46	RGB 79 93 70	#4F5D46
100.0%	100.0% #384232	RGB 56 66 50	#384232

#C7E8AF #AFCC9A #97B085 #7F9570 #67795B #4F5D46 #384232

#C7E8AF - #384232

HSV Blend

#C7E8AF - #384232 | 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 #C7E8AF as 0% and #384232 as 100%.

0.0%	0.0% #C7E8AF	RGB 199 232 175	#C7E8AF
16.7%	16.7% #AECC9A	RGB 174 204 154	#AECC9A
33.3%	33.3% #96B085	RGB 150 176 133	#96B085
50.0%	50.0% #7F9570	RGB 127 149 112	#7F9570
66.7%	66.7% #67795B	RGB 103 121 91	#67795B
83.3%	83.3% #4F5D46	RGB 79 93 70	#4F5D46
100.0%	100.0% #384232	RGB 56 66 50	#384232

#C7E8AF #AECC9A #96B085 #7F9570 #67795B #4F5D46 #384232

#C7E8AF - #7F9570 - #384232

CSS codes

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

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