#7EAFB9 - #DAE8EB | 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 #7EAFB9 to #DAE8EB

#7EAFB9 #DAE8EB

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

#7EAFB9 - #DAE8EB | 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 #7EAFB9 as 0% and #DAE8EB as 100%.

0.0%	0.0% #7EAFB9	RGB 126 175 185	#7EAFB9
16.7%	16.7% #8DB8C1	RGB 141 184 193	#8DB8C1
33.3%	33.3% #9CC2C9	RGB 156 194 201	#9CC2C9
50.0%	50.0% #ACCBD2	RGB 172 203 210	#ACCBD2
66.7%	66.7% #BBD5DA	RGB 187 213 218	#BBD5DA
83.3%	83.3% #CADEE2	RGB 202 222 226	#CADEE2
100.0%	100.0% #DAE8EB	RGB 218 232 235	#DAE8EB

#7EAFB9 #8DB8C1 #9CC2C9 #ACCBD2 #BBD5DA #CADEE2 #DAE8EB

#7EAFB9 - #DAE8EB

HSV Blend

#7EAFB9 - #DAE8EB | 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 #7EAFB9 as 0% and #DAE8EB as 100%.

0.0%	0.0% #7EAFB9	RGB 126 175 185	#7EAFB9
16.7%	16.7% #8BB8C1	RGB 139 184 193	#8BB8C1
33.3%	33.3% #99C1C9	RGB 153 193 201	#99C1C9
50.0%	50.0% #A8CAD2	RGB 168 202 210	#A8CAD2
66.7%	66.7% #B8D4DA	RGB 184 212 218	#B8D4DA
83.3%	83.3% #C8DEE2	RGB 200 222 226	#C8DEE2
100.0%	100.0% #DAE8EB	RGB 218 232 235	#DAE8EB

#7EAFB9 #8BB8C1 #99C1C9 #A8CAD2 #B8D4DA #C8DEE2 #DAE8EB

#7EAFB9 - #A8CAD2 - #DAE8EB

CSS codes

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

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