#81B7A8 - #DBEAE6 | 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 #81B7A8 to #DBEAE6

#81B7A8 #DBEAE6

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

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

0.0%	0.0% #81B7A8	RGB 129 183 168	#81B7A8
16.7%	16.7% #90BFB2	RGB 144 191 178	#90BFB2
33.3%	33.3% #9FC8BC	RGB 159 200 188	#9FC8BC
50.0%	50.0% #AED0C7	RGB 174 208 199	#AED0C7
66.7%	66.7% #BDD9D1	RGB 189 217 209	#BDD9D1
83.3%	83.3% #CCE1DB	RGB 204 225 219	#CCE1DB
100.0%	100.0% #DBEAE6	RGB 219 234 230	#DBEAE6

#81B7A8 #90BFB2 #9FC8BC #AED0C7 #BDD9D1 #CCE1DB #DBEAE6

#81B7A8 - #DBEAE6

HSV Blend

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

0.0%	0.0% #81B7A8	RGB 129 183 168	#81B7A8
16.7%	16.7% #8EBFB1	RGB 142 191 177	#8EBFB1
33.3%	33.3% #9CC8BC	RGB 156 200 188	#9CC8BC
50.0%	50.0% #ABD0C6	RGB 171 208 198	#ABD0C6
66.7%	66.7% #BAD9D0	RGB 186 217 208	#BAD9D0
83.3%	83.3% #CAE1DB	RGB 202 225 219	#CAE1DB
100.0%	100.0% #DBEAE6	RGB 219 234 230	#DBEAE6

#81B7A8 #8EBFB1 #9CC8BC #ABD0C6 #BAD9D0 #CAE1DB #DBEAE6

#81B7A8 - #ABD0C6 - #DBEAE6

CSS codes

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

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