#80A1AD - #DAE3E7 | 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 #80A1AD to #DAE3E7

#80A1AD #DAE3E7

Calculate the color between two colors, #80A1AD and #DAE3E7. 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)

#80A1AD - #DAE3E7 | 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 #80A1AD as 0% and #DAE3E7 as 100%.

0.0%	0.0% #80A1AD	RGB 128 161 173	#80A1AD
16.7%	16.7% #8FACB6	RGB 143 172 182	#8FACB6
33.3%	33.3% #9EB7C0	RGB 158 183 192	#9EB7C0
50.0%	50.0% #ADC2CA	RGB 173 194 202	#ADC2CA
66.7%	66.7% #BCCDD3	RGB 188 205 211	#BCCDD3
83.3%	83.3% #CBD8DD	RGB 203 216 221	#CBD8DD
100.0%	100.0% #DAE3E7	RGB 218 227 231	#DAE3E7

#80A1AD #8FACB6 #9EB7C0 #ADC2CA #BCCDD3 #CBD8DD #DAE3E7

#80A1AD - #DAE3E7

HSV Blend

#80A1AD - #DAE3E7 | 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 #80A1AD as 0% and #DAE3E7 as 100%.

0.0%	0.0% #80A1AD	RGB 128 161 173	#80A1AD
16.7%	16.7% #8DABB6	RGB 141 171 182	#8DABB6
33.3%	33.3% #9BB5C0	RGB 155 181 192	#9BB5C0
50.0%	50.0% #AAC0CA	RGB 170 192 202	#AAC0CA
66.7%	66.7% #B9CBD3	RGB 185 203 211	#B9CBD3
83.3%	83.3% #C9D7DD	RGB 201 215 221	#C9D7DD
100.0%	100.0% #DAE3E7	RGB 218 227 231	#DAE3E7

#80A1AD #8DABB6 #9BB5C0 #AAC0CA #B9CBD3 #C9D7DD #DAE3E7

#80A1AD - #AAC0CA - #DAE3E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #80A1AD 0%, #AAC0CA 50%, #DAE3E7 100%);
    background: -webkit-linear-gradient(top, #80A1AD 0%, #AAC0CA 50%, #DAE3E7 100%);
    background: linear-gradient(to bottom, #80A1AD 0%, #AAC0CA 50%, #DAE3E7 100%);
}
</style>