#A8D4AC - #42A15B | 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 #A8D4AC to #42A15B

#A8D4AC #42A15B

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

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

0.0%	0.0% #A8D4AC	RGB 168 212 172	#A8D4AC
16.7%	16.7% #97CB9E	RGB 151 203 158	#97CB9E
33.3%	33.3% #86C391	RGB 134 195 145	#86C391
50.0%	50.0% #75BA83	RGB 117 186 131	#75BA83
66.7%	66.7% #64B276	RGB 100 178 118	#64B276
83.3%	83.3% #53A968	RGB 83 169 104	#53A968
100.0%	100.0% #42A15B	RGB 66 161 91	#42A15B

#A8D4AC #97CB9E #86C391 #75BA83 #64B276 #53A968 #42A15B

#A8D4AC - #42A15B

HSV Blend

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

0.0%	0.0% #A8D4AC	RGB 168 212 172	#A8D4AC
16.7%	16.7% #94CB9A	RGB 148 203 154	#94CB9A
33.3%	33.3% #81C38B	RGB 129 195 139	#81C38B
50.0%	50.0% #70BA7D	RGB 112 186 125	#70BA7D
66.7%	66.7% #5FB270	RGB 95 178 112	#5FB270
83.3%	83.3% #50A965	RGB 80 169 101	#50A965
100.0%	100.0% #42A15B	RGB 66 161 91	#42A15B

#A8D4AC #94CB9A #81C38B #70BA7D #5FB270 #50A965 #42A15B

#A8D4AC - #70BA7D - #42A15B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D4AC 0%, #70BA7D 50%, #42A15B 100%);
    background: -webkit-linear-gradient(top, #A8D4AC 0%, #70BA7D 50%, #42A15B 100%);
    background: linear-gradient(to bottom, #A8D4AC 0%, #70BA7D 50%, #42A15B 100%);
}
</style>