#C2C9C0 - #D2FFED | 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 #C2C9C0 to #D2FFED

#C2C9C0 #D2FFED

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

#C2C9C0 - #D2FFED | 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 #C2C9C0 as 0% and #D2FFED as 100%.

0.0%	0.0% #C2C9C0	RGB 194 201 192	#C2C9C0
16.7%	16.7% #C4D2C7	RGB 196 210 199	#C4D2C7
33.3%	33.3% #C7DBCF	RGB 199 219 207	#C7DBCF
50.0%	50.0% #CAE4D6	RGB 202 228 214	#CAE4D6
66.7%	66.7% #CCEDDE	RGB 204 237 222	#CCEDDE
83.3%	83.3% #CFF6E5	RGB 207 246 229	#CFF6E5
100.0%	100.0% #D2FFED	RGB 210 255 237	#D2FFED

#C2C9C0 #C4D2C7 #C7DBCF #CAE4D6 #CCEDDE #CFF6E5 #D2FFED

#C2C9C0 - #D2FFED

HSV Blend

#C2C9C0 - #D2FFED | 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 #C2C9C0 as 0% and #D2FFED as 100%.

0.0%	0.0% #C2C9C0	RGB 194 201 192	#C2C9C0
16.7%	16.7% #C5D2C3	RGB 197 210 195	#C5D2C3
33.3%	33.3% #C7DBC8	RGB 199 219 200	#C7DBC8
50.0%	50.0% #CAE4CF	RGB 202 228 207	#CAE4CF
66.7%	66.7% #CDEDD7	RGB 205 237 215	#CDEDD7
83.3%	83.3% #CFF6E1	RGB 207 246 225	#CFF6E1
100.0%	100.0% #D2FFED	RGB 210 255 237	#D2FFED

#C2C9C0 #C5D2C3 #C7DBC8 #CAE4CF #CDEDD7 #CFF6E1 #D2FFED

#C2C9C0 - #CAE4CF - #D2FFED

CSS codes

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

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