#81D3C4 - #EDDAD4 | 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 #81D3C4 to #EDDAD4

#81D3C4 #EDDAD4

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

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

0.0%	0.0% #81D3C4	RGB 129 211 196	#81D3C4
16.7%	16.7% #93D4C6	RGB 147 212 198	#93D4C6
33.3%	33.3% #A5D5C9	RGB 165 213 201	#A5D5C9
50.0%	50.0% #B7D6CC	RGB 183 214 204	#B7D6CC
66.7%	66.7% #C9D7CE	RGB 201 215 206	#C9D7CE
83.3%	83.3% #DBD8D1	RGB 219 216 209	#DBD8D1
100.0%	100.0% #EDDAD4	RGB 237 218 212	#EDDAD4

#81D3C4 #93D4C6 #A5D5C9 #B7D6CC #C9D7CE #DBD8D1 #EDDAD4

#81D3C4 - #EDDAD4

HSV Blend

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

0.0%	0.0% #81D3C4	RGB 129 211 196	#81D3C4
16.7%	16.7% #8DD7AA	RGB 141 215 170	#8DD7AA
33.3%	33.3% #9DDB9B	RGB 157 219 155	#9DDB9B
50.0%	50.0% #C2E0A8	RGB 194 224 168	#C2E0A8
66.7%	66.7% #DFE4B6	RGB 223 228 182	#DFE4B6
83.3%	83.3% #E8DCC5	RGB 232 220 197	#E8DCC5
100.0%	100.0% #EDDAD4	RGB 237 218 212	#EDDAD4

#81D3C4 #8DD7AA #9DDB9B #C2E0A8 #DFE4B6 #E8DCC5 #EDDAD4

#81D3C4 - #C2E0A8 - #EDDAD4

CSS codes

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

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