#A2FF60 - #FFFE94 | 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 #A2FF60 to #FFFE94

#A2FF60 #FFFE94

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

#A2FF60 - #FFFE94 | 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 #A2FF60 as 0% and #FFFE94 as 100%.

0.0%	0.0% #A2FF60	RGB 162 255 96	#A2FF60
16.7%	16.7% #B1FE68	RGB 177 254 104	#B1FE68
33.3%	33.3% #C1FE71	RGB 193 254 113	#C1FE71
50.0%	50.0% #D0FE7A	RGB 208 254 122	#D0FE7A
66.7%	66.7% #E0FE82	RGB 224 254 130	#E0FE82
83.3%	83.3% #EFFE8B	RGB 239 254 139	#EFFE8B
100.0%	100.0% #FFFE94	RGB 255 254 148	#FFFE94

#A2FF60 #B1FE68 #C1FE71 #D0FE7A #E0FE82 #EFFE8B #FFFE94

#A2FF60 - #FFFE94

HSV Blend

#A2FF60 - #FFFE94 | 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 #A2FF60 as 0% and #FFFE94 as 100%.

0.0%	0.0% #A2FF60	RGB 162 255 96	#A2FF60
16.7%	16.7% #B5FF68	RGB 181 255 104	#B5FF68
33.3%	33.3% #C8FF71	RGB 200 255 113	#C8FF71
50.0%	50.0% #D8FF7A	RGB 216 255 122	#D8FF7A
66.7%	66.7% #E7FF82	RGB 231 255 130	#E7FF82
83.3%	83.3% #F4FF8B	RGB 244 255 139	#F4FF8B
100.0%	100.0% #FFFE94	RGB 255 254 148	#FFFE94

#A2FF60 #B5FF68 #C8FF71 #D8FF7A #E7FF82 #F4FF8B #FFFE94

#A2FF60 - #D8FF7A - #FFFE94

CSS codes

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

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