#C7ECCC - #384339 | 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 #C7ECCC to #384339

#C7ECCC #384339

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

#C7ECCC - #384339 | 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 #C7ECCC as 0% and #384339 as 100%.

0.0%	0.0% #C7ECCC	RGB 199 236 204	#C7ECCC
16.7%	16.7% #AFCFB3	RGB 175 207 179	#AFCFB3
33.3%	33.3% #97B39B	RGB 151 179 155	#97B39B
50.0%	50.0% #7F9782	RGB 127 151 130	#7F9782
66.7%	66.7% #677B6A	RGB 103 123 106	#677B6A
83.3%	83.3% #4F5F51	RGB 79 95 81	#4F5F51
100.0%	100.0% #384339	RGB 56 67 57	#384339

#C7ECCC #AFCFB3 #97B39B #7F9782 #677B6A #4F5F51 #384339

#C7ECCC - #384339

HSV Blend

#C7ECCC - #384339 | 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 #C7ECCC as 0% and #384339 as 100%.

0.0%	0.0% #C7ECCC	RGB 199 236 204	#C7ECCC
16.7%	16.7% #AECFB3	RGB 174 207 179	#AECFB3
33.3%	33.3% #97B39A	RGB 151 179 154	#97B39A
50.0%	50.0% #7F9781	RGB 127 151 129	#7F9781
66.7%	66.7% #677B69	RGB 103 123 105	#677B69
83.3%	83.3% #4F5F51	RGB 79 95 81	#4F5F51
100.0%	100.0% #384339	RGB 56 67 57	#384339

#C7ECCC #AECFB3 #97B39A #7F9781 #677B69 #4F5F51 #384339

#C7ECCC - #7F9781 - #384339

CSS codes

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

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