#C7ECC0 - #384336 | 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 #C7ECC0 to #384336

#C7ECC0 #384336

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

#C7ECC0 - #384336 | 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 #C7ECC0 as 0% and #384336 as 100%.

0.0%	0.0% #C7ECC0	RGB 199 236 192	#C7ECC0
16.7%	16.7% #AFCFA9	RGB 175 207 169	#AFCFA9
33.3%	33.3% #97B392	RGB 151 179 146	#97B392
50.0%	50.0% #7F977B	RGB 127 151 123	#7F977B
66.7%	66.7% #677B64	RGB 103 123 100	#677B64
83.3%	83.3% #4F5F4D	RGB 79 95 77	#4F5F4D
100.0%	100.0% #384336	RGB 56 67 54	#384336

#C7ECC0 #AFCFA9 #97B392 #7F977B #677B64 #4F5F4D #384336

#C7ECC0 - #384336

HSV Blend

#C7ECC0 - #384336 | 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 #C7ECC0 as 0% and #384336 as 100%.

0.0%	0.0% #C7ECC0	RGB 199 236 192	#C7ECC0
16.7%	16.7% #AECFA8	RGB 174 207 168	#AECFA8
33.3%	33.3% #97B391	RGB 151 179 145	#97B391
50.0%	50.0% #7F977A	RGB 127 151 122	#7F977A
66.7%	66.7% #677B63	RGB 103 123 99	#677B63
83.3%	83.3% #4F5F4C	RGB 79 95 76	#4F5F4C
100.0%	100.0% #384336	RGB 56 67 54	#384336

#C7ECC0 #AECFA8 #97B391 #7F977A #677B63 #4F5F4C #384336

#C7ECC0 - #7F977A - #384336

CSS codes

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

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