#CCC1BA - #C2FFC5 | 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 #CCC1BA to #C2FFC5

#CCC1BA #C2FFC5

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

#CCC1BA - #C2FFC5 | 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 #CCC1BA as 0% and #C2FFC5 as 100%.

0.0%	0.0% #CCC1BA	RGB 204 193 186	#CCC1BA
16.7%	16.7% #CACBBB	RGB 202 203 187	#CACBBB
33.3%	33.3% #C8D5BD	RGB 200 213 189	#C8D5BD
50.0%	50.0% #C7E0BF	RGB 199 224 191	#C7E0BF
66.7%	66.7% #C5EAC1	RGB 197 234 193	#C5EAC1
83.3%	83.3% #C3F4C3	RGB 195 244 195	#C3F4C3
100.0%	100.0% #C2FFC5	RGB 194 255 197	#C2FFC5

#CCC1BA #CACBBB #C8D5BD #C7E0BF #C5EAC1 #C3F4C3 #C2FFC5

#CCC1BA - #C2FFC5

HSV Blend

#CCC1BA - #C2FFC5 | 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 #CCC1BA as 0% and #C2FFC5 as 100%.

0.0%	0.0% #CCC1BA	RGB 204 193 186	#CCC1BA
16.7%	16.7% #D4CCBC	RGB 212 204 188	#D4CCBC
33.3%	33.3% #DDDBBE	RGB 221 219 190	#DDDBBE
50.0%	50.0% #DDE5BF	RGB 221 229 191	#DDE5BF
66.7%	66.7% #D7EEC1	RGB 215 238 193	#D7EEC1
83.3%	83.3% #CDF6C1	RGB 205 246 193	#CDF6C1
100.0%	100.0% #C2FFC5	RGB 194 255 197	#C2FFC5

#CCC1BA #D4CCBC #DDDBBE #DDE5BF #D7EEC1 #CDF6C1 #C2FFC5

#CCC1BA - #DDE5BF - #C2FFC5

CSS codes

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

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