#81B9CF - #DBEBF1 | 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 #81B9CF to #DBEBF1

#81B9CF #DBEBF1

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

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

0.0%	0.0% #81B9CF	RGB 129 185 207	#81B9CF
16.7%	16.7% #90C1D4	RGB 144 193 212	#90C1D4
33.3%	33.3% #9FC9DA	RGB 159 201 218	#9FC9DA
50.0%	50.0% #AED2E0	RGB 174 210 224	#AED2E0
66.7%	66.7% #BDDAE5	RGB 189 218 229	#BDDAE5
83.3%	83.3% #CCE2EB	RGB 204 226 235	#CCE2EB
100.0%	100.0% #DBEBF1	RGB 219 235 241	#DBEBF1

#81B9CF #90C1D4 #9FC9DA #AED2E0 #BDDAE5 #CCE2EB #DBEBF1

#81B9CF - #DBEBF1

HSV Blend

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

0.0%	0.0% #81B9CF	RGB 129 185 207	#81B9CF
16.7%	16.7% #8EC1D4	RGB 142 193 212	#8EC1D4
33.3%	33.3% #9CC9DA	RGB 156 201 218	#9CC9DA
50.0%	50.0% #ABD1E0	RGB 171 209 224	#ABD1E0
66.7%	66.7% #BAD9E5	RGB 186 217 229	#BAD9E5
83.3%	83.3% #CAE2EB	RGB 202 226 235	#CAE2EB
100.0%	100.0% #DBEBF1	RGB 219 235 241	#DBEBF1

#81B9CF #8EC1D4 #9CC9DA #ABD1E0 #BAD9E5 #CAE2EB #DBEBF1

#81B9CF - #ABD1E0 - #DBEBF1

CSS codes

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

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