#CCCABA - #C2FFE6 | 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 #CCCABA to #C2FFE6

#CCCABA #C2FFE6

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

#CCCABA - #C2FFE6 | 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 #CCCABA as 0% and #C2FFE6 as 100%.

0.0%	0.0% #CCCABA	RGB 204 202 186	#CCCABA
16.7%	16.7% #CAD2C1	RGB 202 210 193	#CAD2C1
33.3%	33.3% #C8DBC8	RGB 200 219 200	#C8DBC8
50.0%	50.0% #C7E4D0	RGB 199 228 208	#C7E4D0
66.7%	66.7% #C5EDD7	RGB 197 237 215	#C5EDD7
83.3%	83.3% #C3F6DE	RGB 195 246 222	#C3F6DE
100.0%	100.0% #C2FFE6	RGB 194 255 230	#C2FFE6

#CCCABA #CAD2C1 #C8DBC8 #C7E4D0 #C5EDD7 #C3F6DE #C2FFE6

#CCCABA - #C2FFE6

HSV Blend

#CCCABA - #C2FFE6 | 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 #CCCABA as 0% and #C2FFE6 as 100%.

0.0%	0.0% #CCCABA	RGB 204 202 186	#CCCABA
16.7%	16.7% #D0D4BC	RGB 208 212 188	#D0D4BC
33.3%	33.3% #CFDDBE	RGB 207 221 190	#CFDDBE
50.0%	50.0% #C9E5BF	RGB 201 229 191	#C9E5BF
66.7%	66.7% #C1EEC2	RGB 193 238 194	#C1EEC2
83.3%	83.3% #C1F6D1	RGB 193 246 209	#C1F6D1
100.0%	100.0% #C2FFE6	RGB 194 255 230	#C2FFE6

#CCCABA #D0D4BC #CFDDBE #C9E5BF #C1EEC2 #C1F6D1 #C2FFE6

#CCCABA - #C9E5BF - #C2FFE6

CSS codes

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

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