#81C8C8 - #CEDFB6 | 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 #81C8C8 to #CEDFB6

#81C8C8 #CEDFB6

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

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

0.0%	0.0% #81C8C8	RGB 129 200 200	#81C8C8
16.7%	16.7% #8DCBC5	RGB 141 203 197	#8DCBC5
33.3%	33.3% #9ACFC2	RGB 154 207 194	#9ACFC2
50.0%	50.0% #A7D3BF	RGB 167 211 191	#A7D3BF
66.7%	66.7% #B4D7BC	RGB 180 215 188	#B4D7BC
83.3%	83.3% #C1DBB9	RGB 193 219 185	#C1DBB9
100.0%	100.0% #CEDFB6	RGB 206 223 182	#CEDFB6

#81C8C8 #8DCBC5 #9ACFC2 #A7D3BF #B4D7BC #C1DBB9 #CEDFB6

#81C8C8 - #CEDFB6

HSV Blend

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

0.0%	0.0% #81C8C8	RGB 129 200 200	#81C8C8
16.7%	16.7% #89CBBA	RGB 137 203 186	#89CBBA
33.3%	33.3% #91CFAE	RGB 145 207 174	#91CFAE
50.0%	50.0% #9AD3A6	RGB 154 211 166	#9AD3A6
66.7%	66.7% #A6D7A3	RGB 166 215 163	#A6D7A3
83.3%	83.3% #BBDBAC	RGB 187 219 172	#BBDBAC
100.0%	100.0% #CEDFB6	RGB 206 223 182	#CEDFB6

#81C8C8 #89CBBA #91CFAE #9AD3A6 #A6D7A3 #BBDBAC #CEDFB6

#81C8C8 - #9AD3A6 - #CEDFB6

CSS codes

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

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