#C7DC9F - #373E2D | 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 #C7DC9F to #373E2D

#C7DC9F #373E2D

Calculate the color between two colors, #C7DC9F and #373E2D. 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)

#C7DC9F - #373E2D | 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 #C7DC9F as 0% and #373E2D as 100%.

0.0%	0.0% #C7DC9F	RGB 199 220 159	#C7DC9F
16.7%	16.7% #AFC18C	RGB 175 193 140	#AFC18C
33.3%	33.3% #97A779	RGB 151 167 121	#97A779
50.0%	50.0% #7F8D66	RGB 127 141 102	#7F8D66
66.7%	66.7% #677253	RGB 103 114 83	#677253
83.3%	83.3% #4F5840	RGB 79 88 64	#4F5840
100.0%	100.0% #373E2D	RGB 55 62 45	#373E2D

#C7DC9F #AFC18C #97A779 #7F8D66 #677253 #4F5840 #373E2D

#C7DC9F - #373E2D

HSV Blend

#C7DC9F - #373E2D | 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 #C7DC9F as 0% and #373E2D as 100%.

0.0%	0.0% #C7DC9F	RGB 199 220 159	#C7DC9F
16.7%	16.7% #AEC18C	RGB 174 193 140	#AEC18C
33.3%	33.3% #96A779	RGB 150 167 121	#96A779
50.0%	50.0% #7E8D66	RGB 126 141 102	#7E8D66
66.7%	66.7% #667253	RGB 102 114 83	#667253
83.3%	83.3% #4E5840	RGB 78 88 64	#4E5840
100.0%	100.0% #373E2D	RGB 55 62 45	#373E2D

#C7DC9F #AEC18C #96A779 #7E8D66 #667253 #4E5840 #373E2D

#C7DC9F - #7E8D66 - #373E2D

CSS codes

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

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