#CFFDEC - #DAE9DB | 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 #CFFDEC to #DAE9DB

#CFFDEC #DAE9DB

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

#CFFDEC - #DAE9DB | 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 #CFFDEC as 0% and #DAE9DB as 100%.

0.0%	0.0% #CFFDEC	RGB 207 253 236	#CFFDEC
16.7%	16.7% #D0F9E9	RGB 208 249 233	#D0F9E9
33.3%	33.3% #D2F6E6	RGB 210 246 230	#D2F6E6
50.0%	50.0% #D4F3E3	RGB 212 243 227	#D4F3E3
66.7%	66.7% #D6EFE0	RGB 214 239 224	#D6EFE0
83.3%	83.3% #D8ECDD	RGB 216 236 221	#D8ECDD
100.0%	100.0% #DAE9DB	RGB 218 233 219	#DAE9DB

#CFFDEC #D0F9E9 #D2F6E6 #D4F3E3 #D6EFE0 #D8ECDD #DAE9DB

#CFFDEC - #DAE9DB

HSV Blend

#CFFDEC - #DAE9DB | 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 #CFFDEC as 0% and #DAE9DB as 100%.

0.0%	0.0% #CFFDEC	RGB 207 253 236	#CFFDEC
16.7%	16.7% #D1F9E6	RGB 209 249 230	#D1F9E6
33.3%	33.3% #D3F6E2	RGB 211 246 226	#D3F6E2
50.0%	50.0% #D5F3DF	RGB 213 243 223	#D5F3DF
66.7%	66.7% #D6EFDD	RGB 214 239 221	#D6EFDD
83.3%	83.3% #D8ECDB	RGB 216 236 219	#D8ECDB
100.0%	100.0% #DAE9DB	RGB 218 233 219	#DAE9DB

#CFFDEC #D1F9E6 #D3F6E2 #D5F3DF #D6EFDD #D8ECDB #DAE9DB

#CFFDEC - #D5F3DF - #DAE9DB

CSS codes

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

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