#C2FFEB - #E1E6D5 | 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 #C2FFEB to #E1E6D5

#C2FFEB #E1E6D5

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

#C2FFEB - #E1E6D5 | 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 #C2FFEB as 0% and #E1E6D5 as 100%.

0.0%	0.0% #C2FFEB	RGB 194 255 235	#C2FFEB
16.7%	16.7% #C7FAE7	RGB 199 250 231	#C7FAE7
33.3%	33.3% #CCF6E3	RGB 204 246 227	#CCF6E3
50.0%	50.0% #D1F2E0	RGB 209 242 224	#D1F2E0
66.7%	66.7% #D6EEDC	RGB 214 238 220	#D6EEDC
83.3%	83.3% #DBEAD8	RGB 219 234 216	#DBEAD8
100.0%	100.0% #E1E6D5	RGB 225 230 213	#E1E6D5

#C2FFEB #C7FAE7 #CCF6E3 #D1F2E0 #D6EEDC #DBEAD8 #E1E6D5

#C2FFEB - #E1E6D5

HSV Blend

#C2FFEB - #E1E6D5 | 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 #C2FFEB as 0% and #E1E6D5 as 100%.

0.0%	0.0% #C2FFEB	RGB 194 255 235	#C2FFEB
16.7%	16.7% #C5FADD	RGB 197 250 221	#C5FADD
33.3%	33.3% #C9F6D2	RGB 201 246 210	#C9F6D2
50.0%	50.0% #CDF2CC	RGB 205 242 204	#CDF2CC
66.7%	66.7% #D7EECF	RGB 215 238 207	#D7EECF
83.3%	83.3% #DDEAD2	RGB 221 234 210	#DDEAD2
100.0%	100.0% #E1E6D5	RGB 225 230 213	#E1E6D5

#C2FFEB #C5FADD #C9F6D2 #CDF2CC #D7EECF #DDEAD2 #E1E6D5

#C2FFEB - #CDF2CC - #E1E6D5

CSS codes

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

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