#A2FF40 - #FFFF84 | 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 #A2FF40 to #FFFF84

#A2FF40 #FFFF84

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

#A2FF40 - #FFFF84 | 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 #A2FF40 as 0% and #FFFF84 as 100%.

0.0%	0.0% #A2FF40	RGB 162 255 64	#A2FF40
16.7%	16.7% #B1FF4B	RGB 177 255 75	#B1FF4B
33.3%	33.3% #C1FF56	RGB 193 255 86	#C1FF56
50.0%	50.0% #D0FF62	RGB 208 255 98	#D0FF62
66.7%	66.7% #E0FF6D	RGB 224 255 109	#E0FF6D
83.3%	83.3% #EFFF78	RGB 239 255 120	#EFFF78
100.0%	100.0% #FFFF84	RGB 255 255 132	#FFFF84

#A2FF40 #B1FF4B #C1FF56 #D0FF62 #E0FF6D #EFFF78 #FFFF84

#A2FF40 - #FFFF84

HSV Blend

#A2FF40 - #FFFF84 | 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 #A2FF40 as 0% and #FFFF84 as 100%.

0.0%	0.0% #A1FF3F	RGB 161 255 63	#A1FF3F
16.7%	16.7% #B6FF4B	RGB 182 255 75	#B6FF4B
33.3%	33.3% #C8FF56	RGB 200 255 86	#C8FF56
50.0%	50.0% #D8FF61	RGB 216 255 97	#D8FF61
66.7%	66.7% #E7FF6D	RGB 231 255 109	#E7FF6D
83.3%	83.3% #F4FF78	RGB 244 255 120	#F4FF78
100.0%	100.0% #FFFF84	RGB 255 255 132	#FFFF84

#A1FF3F #B6FF4B #C8FF56 #D8FF61 #E7FF6D #F4FF78 #FFFF84

#A2FF40 - #D8FF61 - #FFFF84

CSS codes

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

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