#C5E4AF - #384132 | 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 #C5E4AF to #384132

#C5E4AF #384132

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

#C5E4AF - #384132 | 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 #C5E4AF as 0% and #384132 as 100%.

0.0%	0.0% #C5E4AF	RGB 197 228 175	#C5E4AF
16.7%	16.7% #ADC89A	RGB 173 200 154	#ADC89A
33.3%	33.3% #96AD85	RGB 150 173 133	#96AD85
50.0%	50.0% #7E9270	RGB 126 146 112	#7E9270
66.7%	66.7% #67775B	RGB 103 119 91	#67775B
83.3%	83.3% #4F5C46	RGB 79 92 70	#4F5C46
100.0%	100.0% #384132	RGB 56 65 50	#384132

#C5E4AF #ADC89A #96AD85 #7E9270 #67775B #4F5C46 #384132

#C5E4AF - #384132

HSV Blend

#C5E4AF - #384132 | 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 #C5E4AF as 0% and #384132 as 100%.

0.0%	0.0% #C5E4AF	RGB 197 228 175	#C5E4AF
16.7%	16.7% #ADC89A	RGB 173 200 154	#ADC89A
33.3%	33.3% #95AD85	RGB 149 173 133	#95AD85
50.0%	50.0% #7E9270	RGB 126 146 112	#7E9270
66.7%	66.7% #66775B	RGB 102 119 91	#66775B
83.3%	83.3% #4F5C46	RGB 79 92 70	#4F5C46
100.0%	100.0% #384132	RGB 56 65 50	#384132

#C5E4AF #ADC89A #95AD85 #7E9270 #66775B #4F5C46 #384132

#C5E4AF - #7E9270 - #384132

CSS codes

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

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