#A1EB6B - #EBFF9D | 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 #A1EB6B to #EBFF9D

#A1EB6B #EBFF9D

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

#A1EB6B - #EBFF9D | 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 #A1EB6B as 0% and #EBFF9D as 100%.

0.0%	0.0% #A1EB6B	RGB 161 235 107	#A1EB6B
16.7%	16.7% #ADEE73	RGB 173 238 115	#ADEE73
33.3%	33.3% #B9F17B	RGB 185 241 123	#B9F17B
50.0%	50.0% #C6F584	RGB 198 245 132	#C6F584
66.7%	66.7% #D2F88C	RGB 210 248 140	#D2F88C
83.3%	83.3% #DEFB94	RGB 222 251 148	#DEFB94
100.0%	100.0% #EBFF9D	RGB 235 255 157	#EBFF9D

#A1EB6B #ADEE73 #B9F17B #C6F584 #D2F88C #DEFB94 #EBFF9D

#A1EB6B - #EBFF9D

HSV Blend

#A1EB6B - #EBFF9D | 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 #A1EB6B as 0% and #EBFF9D as 100%.

0.0%	0.0% #A1EB6B	RGB 161 235 107	#A1EB6B
16.7%	16.7% #AEEE72	RGB 174 238 114	#AEEE72
33.3%	33.3% #BBF17A	RGB 187 241 122	#BBF17A
50.0%	50.0% #C8F583	RGB 200 245 131	#C8F583
66.7%	66.7% #D4F88B	RGB 212 248 139	#D4F88B
83.3%	83.3% #E0FB94	RGB 224 251 148	#E0FB94
100.0%	100.0% #EBFF9D	RGB 235 255 157	#EBFF9D

#A1EB6B #AEEE72 #BBF17A #C8F583 #D4F88B #E0FB94 #EBFF9D

#A1EB6B - #C8F583 - #EBFF9D

CSS codes

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

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