#DAEBDF - #81B7B0 | 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 #DAEBDF to #81B7B0

#DAEBDF #81B7B0

Calculate the color between two colors, #DAEBDF and #81B7B0. 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)

#DAEBDF - #81B7B0 | 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 #DAEBDF as 0% and #81B7B0 as 100%.

0.0%	0.0% #DAEBDF	RGB 218 235 223	#DAEBDF
16.7%	16.7% #CBE2D7	RGB 203 226 215	#CBE2D7
33.3%	33.3% #BCD9CF	RGB 188 217 207	#BCD9CF
50.0%	50.0% #ADD1C7	RGB 173 209 199	#ADD1C7
66.7%	66.7% #9EC8BF	RGB 158 200 191	#9EC8BF
83.3%	83.3% #8FBFB7	RGB 143 191 183	#8FBFB7
100.0%	100.0% #81B7B0	RGB 129 183 176	#81B7B0

#DAEBDF #CBE2D7 #BCD9CF #ADD1C7 #9EC8BF #8FBFB7 #81B7B0

#DAEBDF - #81B7B0

HSV Blend

#DAEBDF - #81B7B0 | 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 #DAEBDF as 0% and #81B7B0 as 100%.

0.0%	0.0% #DAEBDF	RGB 218 235 223	#DAEBDF
16.7%	16.7% #C9E2D3	RGB 201 226 211	#C9E2D3
33.3%	33.3% #B9D9C9	RGB 185 217 201	#B9D9C9
50.0%	50.0% #AAD1C0	RGB 170 209 192	#AAD1C0
66.7%	66.7% #9CC8BA	RGB 156 200 186	#9CC8BA
83.3%	83.3% #8EBFB4	RGB 142 191 180	#8EBFB4
100.0%	100.0% #81B7B0	RGB 129 183 176	#81B7B0

#DAEBDF #C9E2D3 #B9D9C9 #AAD1C0 #9CC8BA #8EBFB4 #81B7B0

#DAEBDF - #AAD1C0 - #81B7B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DAEBDF 0%, #AAD1C0 50%, #81B7B0 100%);
    background: -webkit-linear-gradient(top, #DAEBDF 0%, #AAD1C0 50%, #81B7B0 100%);
    background: linear-gradient(to bottom, #DAEBDF 0%, #AAD1C0 50%, #81B7B0 100%);
}
</style>