#A8DBAE - #40AB5B | 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 #A8DBAE to #40AB5B

#A8DBAE #40AB5B

Calculate the color between two colors, #A8DBAE and #40AB5B. 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)

#A8DBAE - #40AB5B | 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 #A8DBAE as 0% and #40AB5B as 100%.

0.0%	0.0% #A8DBAE	RGB 168 219 174	#A8DBAE
16.7%	16.7% #96D3A0	RGB 150 211 160	#96D3A0
33.3%	33.3% #85CB92	RGB 133 203 146	#85CB92
50.0%	50.0% #74C384	RGB 116 195 132	#74C384
66.7%	66.7% #62BB76	RGB 98 187 118	#62BB76
83.3%	83.3% #51B368	RGB 81 179 104	#51B368
100.0%	100.0% #40AB5B	RGB 64 171 91	#40AB5B

#A8DBAE #96D3A0 #85CB92 #74C384 #62BB76 #51B368 #40AB5B

#A8DBAE - #40AB5B

HSV Blend

#A8DBAE - #40AB5B | 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 #A8DBAE as 0% and #40AB5B as 100%.

0.0%	0.0% #A8DBAE	RGB 168 219 174	#A8DBAE
16.7%	16.7% #94D39C	RGB 148 211 156	#94D39C
33.3%	33.3% #81CB8D	RGB 129 203 141	#81CB8D
50.0%	50.0% #6FC37E	RGB 111 195 126	#6FC37E
66.7%	66.7% #5EBB71	RGB 94 187 113	#5EBB71
83.3%	83.3% #4EB365	RGB 78 179 101	#4EB365
100.0%	100.0% #40AB5B	RGB 64 171 91	#40AB5B

#A8DBAE #94D39C #81CB8D #6FC37E #5EBB71 #4EB365 #40AB5B

#A8DBAE - #6FC37E - #40AB5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8DBAE 0%, #6FC37E 50%, #40AB5B 100%);
    background: -webkit-linear-gradient(top, #A8DBAE 0%, #6FC37E 50%, #40AB5B 100%);
    background: linear-gradient(to bottom, #A8DBAE 0%, #6FC37E 50%, #40AB5B 100%);
}
</style>