#DAF0ED - #CBEADE | 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 #DAF0ED to #CBEADE

#DAF0ED #CBEADE

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

#DAF0ED - #CBEADE | 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 #DAF0ED as 0% and #CBEADE as 100%.

0.0%	0.0% #DAF0ED	RGB 218 240 237	#DAF0ED
16.7%	16.7% #D7EFEA	RGB 215 239 234	#D7EFEA
33.3%	33.3% #D5EEE8	RGB 213 238 232	#D5EEE8
50.0%	50.0% #D2EDE5	RGB 210 237 229	#D2EDE5
66.7%	66.7% #D0ECE3	RGB 208 236 227	#D0ECE3
83.3%	83.3% #CDEBE0	RGB 205 235 224	#CDEBE0
100.0%	100.0% #CBEADE	RGB 203 234 222	#CBEADE

#DAF0ED #D7EFEA #D5EEE8 #D2EDE5 #D0ECE3 #CDEBE0 #CBEADE

#DAF0ED - #CBEADE

HSV Blend

#DAF0ED - #CBEADE | 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 #DAF0ED as 0% and #CBEADE as 100%.

0.0%	0.0% #DAF0ED	RGB 218 240 237	#DAF0ED
16.7%	16.7% #D7EFEA	RGB 215 239 234	#D7EFEA
33.3%	33.3% #D4EEE8	RGB 212 238 232	#D4EEE8
50.0%	50.0% #D2EDE6	RGB 210 237 230	#D2EDE6
66.7%	66.7% #CFECE3	RGB 207 236 227	#CFECE3
83.3%	83.3% #CDEBE0	RGB 205 235 224	#CDEBE0
100.0%	100.0% #CBEADE	RGB 203 234 222	#CBEADE

#DAF0ED #D7EFEA #D4EEE8 #D2EDE6 #CFECE3 #CDEBE0 #CBEADE

#DAF0ED - #D2EDE6 - #CBEADE

CSS codes

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

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