#C2C6BA - #E2FFD0 | 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 #C2C6BA to #E2FFD0

#C2C6BA #E2FFD0

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

#C2C6BA - #E2FFD0 | 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 #C2C6BA as 0% and #E2FFD0 as 100%.

0.0%	0.0% #C2C6BA	RGB 194 198 186	#C2C6BA
16.7%	16.7% #C7CFBD	RGB 199 207 189	#C7CFBD
33.3%	33.3% #CCD9C1	RGB 204 217 193	#CCD9C1
50.0%	50.0% #D2E2C5	RGB 210 226 197	#D2E2C5
66.7%	66.7% #D7ECC8	RGB 215 236 200	#D7ECC8
83.3%	83.3% #DCF5CC	RGB 220 245 204	#DCF5CC
100.0%	100.0% #E2FFD0	RGB 226 255 208	#E2FFD0

#C2C6BA #C7CFBD #CCD9C1 #D2E2C5 #D7ECC8 #DCF5CC #E2FFD0

#C2C6BA - #E2FFD0

HSV Blend

#C2C6BA - #E2FFD0 | 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 #C2C6BA as 0% and #E2FFD0 as 100%.

0.0%	0.0% #C2C6BA	RGB 194 198 186	#C2C6BA
16.7%	16.7% #C9CFBE	RGB 201 207 190	#C9CFBE
33.3%	33.3% #CFD9C2	RGB 207 217 194	#CFD9C2
50.0%	50.0% #D5E2C6	RGB 213 226 198	#D5E2C6
66.7%	66.7% #DAECCA	RGB 218 236 202	#DAECCA
83.3%	83.3% #DEF5CD	RGB 222 245 205	#DEF5CD
100.0%	100.0% #E2FFD0	RGB 226 255 208	#E2FFD0

#C2C6BA #C9CFBE #CFD9C2 #D5E2C6 #DAECCA #DEF5CD #E2FFD0

#C2C6BA - #D5E2C6 - #E2FFD0

CSS codes

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

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