#A2FFB5 - #42DE85 | 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 #A2FFB5 to #42DE85

#A2FFB5 #42DE85

Calculate the color between two colors, #A2FFB5 and #42DE85. 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)

#A2FFB5 - #42DE85 | 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 #A2FFB5 as 0% and #42DE85 as 100%.

0.0%	0.0% #A2FFB5	RGB 162 255 181	#A2FFB5
16.7%	16.7% #92F9AD	RGB 146 249 173	#92F9AD
33.3%	33.3% #82F4A5	RGB 130 244 165	#82F4A5
50.0%	50.0% #72EE9D	RGB 114 238 157	#72EE9D
66.7%	66.7% #62E995	RGB 98 233 149	#62E995
83.3%	83.3% #52E38D	RGB 82 227 141	#52E38D
100.0%	100.0% #42DE85	RGB 66 222 133	#42DE85

#A2FFB5 #92F9AD #82F4A5 #72EE9D #62E995 #52E38D #42DE85

#A2FFB5 - #42DE85

HSV Blend

#A2FFB5 - #42DE85 | 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 #A2FFB5 as 0% and #42DE85 as 100%.

0.0%	0.0% #A2FFB5	RGB 162 255 181	#A2FFB5
16.7%	16.7% #90F9A9	RGB 144 249 169	#90F9A9
33.3%	33.3% #7FF4A0	RGB 127 244 160	#7FF4A0
50.0%	50.0% #6FEE97	RGB 111 238 151	#6FEE97
66.7%	66.7% #5FE990	RGB 95 233 144	#5FE990
83.3%	83.3% #50E38A	RGB 80 227 138	#50E38A
100.0%	100.0% #42DE85	RGB 66 222 133	#42DE85

#A2FFB5 #90F9A9 #7FF4A0 #6FEE97 #5FE990 #50E38A #42DE85

#A2FFB5 - #6FEE97 - #42DE85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2FFB5 0%, #6FEE97 50%, #42DE85 100%);
    background: -webkit-linear-gradient(top, #A2FFB5 0%, #6FEE97 50%, #42DE85 100%);
    background: linear-gradient(to bottom, #A2FFB5 0%, #6FEE97 50%, #42DE85 100%);
}
</style>