#A8D4B6 - #4D9C80 | 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 #A8D4B6 to #4D9C80

#A8D4B6 #4D9C80

Calculate the color between two colors, #A8D4B6 and #4D9C80. 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)

#A8D4B6 - #4D9C80 | 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 #A8D4B6 as 0% and #4D9C80 as 100%.

0.0%	0.0% #A8D4B6	RGB 168 212 182	#A8D4B6
16.7%	16.7% #98CAAD	RGB 152 202 173	#98CAAD
33.3%	33.3% #89C1A4	RGB 137 193 164	#89C1A4
50.0%	50.0% #7AB89B	RGB 122 184 155	#7AB89B
66.7%	66.7% #6BAE92	RGB 107 174 146	#6BAE92
83.3%	83.3% #5CA589	RGB 92 165 137	#5CA589
100.0%	100.0% #4D9C80	RGB 77 156 128	#4D9C80

#A8D4B6 #98CAAD #89C1A4 #7AB89B #6BAE92 #5CA589 #4D9C80

#A8D4B6 - #4D9C80

HSV Blend

#A8D4B6 - #4D9C80 | 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 #A8D4B6 as 0% and #4D9C80 as 100%.

0.0%	0.0% #A8D4B6	RGB 168 212 182	#A8D4B6
16.7%	16.7% #96CAA9	RGB 150 202 169	#96CAA9
33.3%	33.3% #85C19F	RGB 133 193 159	#85C19F
50.0%	50.0% #76B895	RGB 118 184 149	#76B895
66.7%	66.7% #67AE8D	RGB 103 174 141	#67AE8D
83.3%	83.3% #59A586	RGB 89 165 134	#59A586
100.0%	100.0% #4D9C80	RGB 77 156 128	#4D9C80

#A8D4B6 #96CAA9 #85C19F #76B895 #67AE8D #59A586 #4D9C80

#A8D4B6 - #76B895 - #4D9C80

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D4B6 0%, #76B895 50%, #4D9C80 100%);
    background: -webkit-linear-gradient(top, #A8D4B6 0%, #76B895 50%, #4D9C80 100%);
    background: linear-gradient(to bottom, #A8D4B6 0%, #76B895 50%, #4D9C80 100%);
}
</style>