#C3EAE5 - #DAFAC8 | 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 #C3EAE5 to #DAFAC8

#C3EAE5 #DAFAC8

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

#C3EAE5 - #DAFAC8 | 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 #C3EAE5 as 0% and #DAFAC8 as 100%.

0.0%	0.0% #C3EAE5	RGB 195 234 229	#C3EAE5
16.7%	16.7% #C6ECE0	RGB 198 236 224	#C6ECE0
33.3%	33.3% #CAEFDB	RGB 202 239 219	#CAEFDB
50.0%	50.0% #CEF2D6	RGB 206 242 214	#CEF2D6
66.7%	66.7% #D2F4D1	RGB 210 244 209	#D2F4D1
83.3%	83.3% #D6F7CC	RGB 214 247 204	#D6F7CC
100.0%	100.0% #DAFAC8	RGB 218 250 200	#DAFAC8

#C3EAE5 #C6ECE0 #CAEFDB #CEF2D6 #D2F4D1 #D6F7CC #DAFAC8

#C3EAE5 - #DAFAC8

HSV Blend

#C3EAE5 - #DAFAC8 | 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 #C3EAE5 as 0% and #DAFAC8 as 100%.

0.0%	0.0% #C3EAE5	RGB 195 234 229	#C3EAE5
16.7%	16.7% #C3ECDF	RGB 195 236 223	#C3ECDF
33.3%	33.3% #C4EFD8	RGB 196 239 216	#C4EFD8
50.0%	50.0% #C5F2D0	RGB 197 242 208	#C5F2D0
66.7%	66.7% #C6F4C8	RGB 198 244 200	#C6F4C8
83.3%	83.3% #CEF7C7	RGB 206 247 199	#CEF7C7
100.0%	100.0% #DAFAC8	RGB 218 250 200	#DAFAC8

#C3EAE5 #C3ECDF #C4EFD8 #C5F2D0 #C6F4C8 #CEF7C7 #DAFAC8

#C3EAE5 - #C5F2D0 - #DAFAC8

CSS codes

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

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