#EDF1ED - #A6E2B2 | 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 #EDF1ED to #A6E2B2

#EDF1ED #A6E2B2

Calculate the color between two colors, #EDF1ED and #A6E2B2. 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)

#EDF1ED - #A6E2B2 | 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 #EDF1ED as 0% and #A6E2B2 as 100%.

0.0%	0.0% #EDF1ED	RGB 237 241 237	#EDF1ED
16.7%	16.7% #E1EEE3	RGB 225 238 227	#E1EEE3
33.3%	33.3% #D5ECD9	RGB 213 236 217	#D5ECD9
50.0%	50.0% #C9E9CF	RGB 201 233 207	#C9E9CF
66.7%	66.7% #BDE7C5	RGB 189 231 197	#BDE7C5
83.3%	83.3% #B1E4BB	RGB 177 228 187	#B1E4BB
100.0%	100.0% #A6E2B2	RGB 166 226 178	#A6E2B2

#EDF1ED #E1EEE3 #D5ECD9 #C9E9CF #BDE7C5 #B1E4BB #A6E2B2

#EDF1ED - #A6E2B2

HSV Blend

#EDF1ED - #A6E2B2 | 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 #EDF1ED as 0% and #A6E2B2 as 100%.

0.0%	0.0% #EDF1ED	RGB 237 241 237	#EDF1ED
16.7%	16.7% #E0EEE1	RGB 224 238 225	#E0EEE1
33.3%	33.3% #D4ECD6	RGB 212 236 214	#D4ECD6
50.0%	50.0% #C8E9CB	RGB 200 233 203	#C8E9CB
66.7%	66.7% #BCE7C2	RGB 188 231 194	#BCE7C2
83.3%	83.3% #B1E4B9	RGB 177 228 185	#B1E4B9
100.0%	100.0% #A6E2B2	RGB 166 226 178	#A6E2B2

#EDF1ED #E0EEE1 #D4ECD6 #C8E9CB #BCE7C2 #B1E4B9 #A6E2B2

#EDF1ED - #C8E9CB - #A6E2B2

CSS codes

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

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