#7EA5AD - #DAE5E7 | 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 #7EA5AD to #DAE5E7

#7EA5AD #DAE5E7

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

#7EA5AD - #DAE5E7 | 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 #7EA5AD as 0% and #DAE5E7 as 100%.

0.0%	0.0% #7EA5AD	RGB 126 165 173	#7EA5AD
16.7%	16.7% #8DAFB6	RGB 141 175 182	#8DAFB6
33.3%	33.3% #9CBAC0	RGB 156 186 192	#9CBAC0
50.0%	50.0% #ACC5CA	RGB 172 197 202	#ACC5CA
66.7%	66.7% #BBCFD3	RGB 187 207 211	#BBCFD3
83.3%	83.3% #CADADD	RGB 202 218 221	#CADADD
100.0%	100.0% #DAE5E7	RGB 218 229 231	#DAE5E7

#7EA5AD #8DAFB6 #9CBAC0 #ACC5CA #BBCFD3 #CADADD #DAE5E7

#7EA5AD - #DAE5E7

HSV Blend

#7EA5AD - #DAE5E7 | 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 #7EA5AD as 0% and #DAE5E7 as 100%.

0.0%	0.0% #7EA5AD	RGB 126 165 173	#7EA5AD
16.7%	16.7% #8BAFB6	RGB 139 175 182	#8BAFB6
33.3%	33.3% #99B9C0	RGB 153 185 192	#99B9C0
50.0%	50.0% #A8C4CA	RGB 168 196 202	#A8C4CA
66.7%	66.7% #B8CFD3	RGB 184 207 211	#B8CFD3
83.3%	83.3% #C8DADD	RGB 200 218 221	#C8DADD
100.0%	100.0% #DAE5E7	RGB 218 229 231	#DAE5E7

#7EA5AD #8BAFB6 #99B9C0 #A8C4CA #B8CFD3 #C8DADD #DAE5E7

#7EA5AD - #A8C4CA - #DAE5E7

CSS codes

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

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