#7EBFD6 - #DAECF3 | 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 #7EBFD6 to #DAECF3

#7EBFD6 #DAECF3

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

#7EBFD6 - #DAECF3 | 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 #7EBFD6 as 0% and #DAECF3 as 100%.

0.0%	0.0% #7EBFD6	RGB 126 191 214	#7EBFD6
16.7%	16.7% #8DC6DA	RGB 141 198 218	#8DC6DA
33.3%	33.3% #9CCEDF	RGB 156 206 223	#9CCEDF
50.0%	50.0% #ACD5E4	RGB 172 213 228	#ACD5E4
66.7%	66.7% #BBDDE9	RGB 187 221 233	#BBDDE9
83.3%	83.3% #CAE4EE	RGB 202 228 238	#CAE4EE
100.0%	100.0% #DAECF3	RGB 218 236 243	#DAECF3

#7EBFD6 #8DC6DA #9CCEDF #ACD5E4 #BBDDE9 #CAE4EE #DAECF3

#7EBFD6 - #DAECF3

HSV Blend

#7EBFD6 - #DAECF3 | 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 #7EBFD6 as 0% and #DAECF3 as 100%.

0.0%	0.0% #7EBFD6	RGB 126 191 214	#7EBFD6
16.7%	16.7% #8CC6DA	RGB 140 198 218	#8CC6DA
33.3%	33.3% #9ACDDF	RGB 154 205 223	#9ACDDF
50.0%	50.0% #A9D4E4	RGB 169 212 228	#A9D4E4
66.7%	66.7% #B9DCE9	RGB 185 220 233	#B9DCE9
83.3%	83.3% #C9E3EE	RGB 201 227 238	#C9E3EE
100.0%	100.0% #DAECF3	RGB 218 236 243	#DAECF3

#7EBFD6 #8CC6DA #9ACDDF #A9D4E4 #B9DCE9 #C9E3EE #DAECF3

#7EBFD6 - #A9D4E4 - #DAECF3

CSS codes

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

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