#DAFDFF - #7EB7DB | 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 #DAFDFF to #7EB7DB

#DAFDFF #7EB7DB

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

#DAFDFF - #7EB7DB | 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 #DAFDFF as 0% and #7EB7DB as 100%.

0.0%	0.0% #DAFDFF	RGB 218 253 255	#DAFDFF
16.7%	16.7% #CAF1F9	RGB 202 241 249	#CAF1F9
33.3%	33.3% #BBE5F3	RGB 187 229 243	#BBE5F3
50.0%	50.0% #ACDAED	RGB 172 218 237	#ACDAED
66.7%	66.7% #9CCEE7	RGB 156 206 231	#9CCEE7
83.3%	83.3% #8DC2E1	RGB 141 194 225	#8DC2E1
100.0%	100.0% #7EB7DB	RGB 126 183 219	#7EB7DB

#DAFDFF #CAF1F9 #BBE5F3 #ACDAED #9CCEE7 #8DC2E1 #7EB7DB

#DAFDFF - #7EB7DB

HSV Blend

#DAFDFF - #7EB7DB | 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 #DAFDFF as 0% and #7EB7DB as 100%.

0.0%	0.0% #DAFDFF	RGB 218 253 255	#DAFDFF
16.7%	16.7% #C9F3F9	RGB 201 243 249	#C9F3F9
33.3%	33.3% #B9E9F3	RGB 185 233 243	#B9E9F3
50.0%	50.0% #A9DEED	RGB 169 222 237	#A9DEED
66.7%	66.7% #9AD1E7	RGB 154 209 231	#9AD1E7
83.3%	83.3% #8BC4E1	RGB 139 196 225	#8BC4E1
100.0%	100.0% #7EB7DB	RGB 126 183 219	#7EB7DB

#DAFDFF #C9F3F9 #B9E9F3 #A9DEED #9AD1E7 #8BC4E1 #7EB7DB

#DAFDFF - #A9DEED - #7EB7DB

CSS codes

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

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