#81C2AA - #DBEDE5 | 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 #81C2AA to #DBEDE5

#81C2AA #DBEDE5

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

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

0.0%	0.0% #81C2AA	RGB 129 194 170	#81C2AA
16.7%	16.7% #90C9B3	RGB 144 201 179	#90C9B3
33.3%	33.3% #9FD0BD	RGB 159 208 189	#9FD0BD
50.0%	50.0% #AED7C7	RGB 174 215 199	#AED7C7
66.7%	66.7% #BDDED1	RGB 189 222 209	#BDDED1
83.3%	83.3% #CCE5DB	RGB 204 229 219	#CCE5DB
100.0%	100.0% #DBEDE5	RGB 219 237 229	#DBEDE5

#81C2AA #90C9B3 #9FD0BD #AED7C7 #BDDED1 #CCE5DB #DBEDE5

#81C2AA - #DBEDE5

HSV Blend

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

0.0%	0.0% #81C2AA	RGB 129 194 170	#81C2AA
16.7%	16.7% #8EC9B2	RGB 142 201 178	#8EC9B2
33.3%	33.3% #9CD0BB	RGB 156 208 187	#9CD0BB
50.0%	50.0% #ABD7C5	RGB 171 215 197	#ABD7C5
66.7%	66.7% #BADECF	RGB 186 222 207	#BADECF
83.3%	83.3% #CAE5DA	RGB 202 229 218	#CAE5DA
100.0%	100.0% #DBEDE5	RGB 219 237 229	#DBEDE5

#81C2AA #8EC9B2 #9CD0BB #ABD7C5 #BADECF #CAE5DA #DBEDE5

#81C2AA - #ABD7C5 - #DBEDE5

CSS codes

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

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