#C2DAD2 - #CFE6CB | 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 #C2DAD2 to #CFE6CB

#C2DAD2 #CFE6CB

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

#C2DAD2 - #CFE6CB | 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 #C2DAD2 as 0% and #CFE6CB as 100%.

0.0%	0.0% #C2DAD2	RGB 194 218 210	#C2DAD2
16.7%	16.7% #C4DCD0	RGB 196 220 208	#C4DCD0
33.3%	33.3% #C6DECF	RGB 198 222 207	#C6DECF
50.0%	50.0% #C8E0CE	RGB 200 224 206	#C8E0CE
66.7%	66.7% #CAE2CD	RGB 202 226 205	#CAE2CD
83.3%	83.3% #CCE4CC	RGB 204 228 204	#CCE4CC
100.0%	100.0% #CFE6CB	RGB 207 230 203	#CFE6CB

#C2DAD2 #C4DCD0 #C6DECF #C8E0CE #CAE2CD #CCE4CC #CFE6CB

#C2DAD2 - #CFE6CB

HSV Blend

#C2DAD2 - #CFE6CB | 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 #C2DAD2 as 0% and #CFE6CB as 100%.

0.0%	0.0% #C2DAD2	RGB 194 218 210	#C2DAD2
16.7%	16.7% #C3DCD0	RGB 195 220 208	#C3DCD0
33.3%	33.3% #C5DECE	RGB 197 222 206	#C5DECE
50.0%	50.0% #C6E0CD	RGB 198 224 205	#C6E0CD
66.7%	66.7% #C8E2CB	RGB 200 226 203	#C8E2CB
83.3%	83.3% #C9E4C9	RGB 201 228 201	#C9E4C9
100.0%	100.0% #CFE6CB	RGB 207 230 203	#CFE6CB

#C2DAD2 #C3DCD0 #C5DECE #C6E0CD #C8E2CB #C9E4C9 #CFE6CB

#C2DAD2 - #C6E0CD - #CFE6CB

CSS codes

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

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