#81DBB5 - #EDE8AF | 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 #81DBB5 to #EDE8AF

#81DBB5 #EDE8AF

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

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

0.0%	0.0% #81DBB5	RGB 129 219 181	#81DBB5
16.7%	16.7% #93DDB4	RGB 147 221 180	#93DDB4
33.3%	33.3% #A5DFB3	RGB 165 223 179	#A5DFB3
50.0%	50.0% #B7E1B2	RGB 183 225 178	#B7E1B2
66.7%	66.7% #C9E3B1	RGB 201 227 177	#C9E3B1
83.3%	83.3% #DBE5B0	RGB 219 229 176	#DBE5B0
100.0%	100.0% #EDE8AF	RGB 237 232 175	#EDE8AF

#81DBB5 #93DDB4 #A5DFB3 #B7E1B2 #C9E3B1 #DBE5B0 #EDE8AF

#81DBB5 - #EDE8AF

HSV Blend

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

0.0%	0.0% #81DBB5	RGB 129 219 181	#81DBB5
16.7%	16.7% #88DEA2	RGB 136 222 162	#88DEA2
33.3%	33.3% #8FE191	RGB 143 225 145	#8FE191
50.0%	50.0% #AAE497	RGB 170 228 151	#AAE497
66.7%	66.7% #C5E79F	RGB 197 231 159	#C5E79F
83.3%	83.3% #DCEAA6	RGB 220 234 166	#DCEAA6
100.0%	100.0% #EDE8AF	RGB 237 232 175	#EDE8AF

#81DBB5 #88DEA2 #8FE191 #AAE497 #C5E79F #DCEAA6 #EDE8AF

#81DBB5 - #AAE497 - #EDE8AF

CSS codes

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

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