#CAFDF7 - #D6E6DB | 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 #CAFDF7 to #D6E6DB

#CAFDF7 #D6E6DB

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

#CAFDF7 - #D6E6DB | 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 #CAFDF7 as 0% and #D6E6DB as 100%.

0.0%	0.0% #CAFDF7	RGB 202 253 247	#CAFDF7
16.7%	16.7% #CCF9F2	RGB 204 249 242	#CCF9F2
33.3%	33.3% #CEF5ED	RGB 206 245 237	#CEF5ED
50.0%	50.0% #D0F1E9	RGB 208 241 233	#D0F1E9
66.7%	66.7% #D2EDE4	RGB 210 237 228	#D2EDE4
83.3%	83.3% #D4E9DF	RGB 212 233 223	#D4E9DF
100.0%	100.0% #D6E6DB	RGB 214 230 219	#D6E6DB

#CAFDF7 #CCF9F2 #CEF5ED #D0F1E9 #D2EDE4 #D4E9DF #D6E6DB

#CAFDF7 - #D6E6DB

HSV Blend

#CAFDF7 - #D6E6DB | 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 #CAFDF7 as 0% and #D6E6DB as 100%.

0.0%	0.0% #CAFDF7	RGB 202 253 247	#CAFDF7
16.7%	16.7% #CCF9EF	RGB 204 249 239	#CCF9EF
33.3%	33.3% #CEF5E9	RGB 206 245 233	#CEF5E9
50.0%	50.0% #D0F1E4	RGB 208 241 228	#D0F1E4
66.7%	66.7% #D2EDE0	RGB 210 237 224	#D2EDE0
83.3%	83.3% #D4E9DD	RGB 212 233 221	#D4E9DD
100.0%	100.0% #D6E6DB	RGB 214 230 219	#D6E6DB

#CAFDF7 #CCF9EF #CEF5E9 #D0F1E4 #D2EDE0 #D4E9DD #D6E6DB

#CAFDF7 - #D0F1E4 - #D6E6DB

CSS codes

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

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