#7EAFDF - #DAE8F5 | 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 #7EAFDF to #DAE8F5

#7EAFDF #DAE8F5

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

#7EAFDF - #DAE8F5 | 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 #7EAFDF as 0% and #DAE8F5 as 100%.

0.0%	0.0% #7EAFDF	RGB 126 175 223	#7EAFDF
16.7%	16.7% #8DB8E2	RGB 141 184 226	#8DB8E2
33.3%	33.3% #9CC2E6	RGB 156 194 230	#9CC2E6
50.0%	50.0% #ACCBEA	RGB 172 203 234	#ACCBEA
66.7%	66.7% #BBD5ED	RGB 187 213 237	#BBD5ED
83.3%	83.3% #CADEF1	RGB 202 222 241	#CADEF1
100.0%	100.0% #DAE8F5	RGB 218 232 245	#DAE8F5

#7EAFDF #8DB8E2 #9CC2E6 #ACCBEA #BBD5ED #CADEF1 #DAE8F5

#7EAFDF - #DAE8F5

HSV Blend

#7EAFDF - #DAE8F5 | 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 #7EAFDF as 0% and #DAE8F5 as 100%.

0.0%	0.0% #7EAFDF	RGB 126 175 223	#7EAFDF
16.7%	16.7% #8CB8E2	RGB 140 184 226	#8CB8E2
33.3%	33.3% #9BC1E6	RGB 155 193 230	#9BC1E6
50.0%	50.0% #AACAEA	RGB 170 202 234	#AACAEA
66.7%	66.7% #B9D4ED	RGB 185 212 237	#B9D4ED
83.3%	83.3% #C9DEF1	RGB 201 222 241	#C9DEF1
100.0%	100.0% #DAE8F5	RGB 218 232 245	#DAE8F5

#7EAFDF #8CB8E2 #9BC1E6 #AACAEA #B9D4ED #C9DEF1 #DAE8F5

#7EAFDF - #AACAEA - #DAE8F5

CSS codes

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

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