#81D3AC - #EDD4D5 | 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 #81D3AC to #EDD4D5

#81D3AC #EDD4D5

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

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

0.0%	0.0% #81D3AC	RGB 129 211 172	#81D3AC
16.7%	16.7% #93D3B2	RGB 147 211 178	#93D3B2
33.3%	33.3% #A5D3B9	RGB 165 211 185	#A5D3B9
50.0%	50.0% #B7D3C0	RGB 183 211 192	#B7D3C0
66.7%	66.7% #C9D3C7	RGB 201 211 199	#C9D3C7
83.3%	83.3% #DBD3CE	RGB 219 211 206	#DBD3CE
100.0%	100.0% #EDD4D5	RGB 237 212 213	#EDD4D5

#81D3AC #93D3B2 #A5D3B9 #B7D3C0 #C9D3C7 #DBD3CE #EDD4D5

#81D3AC - #EDD4D5

HSV Blend

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

0.0%	0.0% #81D3AC	RGB 129 211 172	#81D3AC
16.7%	16.7% #8DD794	RGB 141 215 148	#8DD794
33.3%	33.3% #B0DB9B	RGB 176 219 155	#B0DB9B
50.0%	50.0% #D2E0A8	RGB 210 224 168	#D2E0A8
66.7%	66.7% #E4DBB6	RGB 228 219 182	#E4DBB6
83.3%	83.3% #E8D2C5	RGB 232 210 197	#E8D2C5
100.0%	100.0% #EDD4D5	RGB 237 212 213	#EDD4D5

#81D3AC #8DD794 #B0DB9B #D2E0A8 #E4DBB6 #E8D2C5 #EDD4D5

#81D3AC - #D2E0A8 - #EDD4D5

CSS codes

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

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