#8CAC9C - #A0FFAD | 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 #8CAC9C to #A0FFAD

#8CAC9C #A0FFAD

Calculate the color between two colors, #8CAC9C and #A0FFAD. 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)

#8CAC9C - #A0FFAD | 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 #8CAC9C as 0% and #A0FFAD as 100%.

0.0%	0.0% #8CAC9C	RGB 140 172 156	#8CAC9C
16.7%	16.7% #8FB99E	RGB 143 185 158	#8FB99E
33.3%	33.3% #92C7A1	RGB 146 199 161	#92C7A1
50.0%	50.0% #96D5A4	RGB 150 213 164	#96D5A4
66.7%	66.7% #99E3A7	RGB 153 227 167	#99E3A7
83.3%	83.3% #9CF1AA	RGB 156 241 170	#9CF1AA
100.0%	100.0% #A0FFAD	RGB 160 255 173	#A0FFAD

#8CAC9C #8FB99E #92C7A1 #96D5A4 #99E3A7 #9CF1AA #A0FFAD

#8CAC9C - #A0FFAD

HSV Blend

#8CAC9C - #A0FFAD | 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 #8CAC9C as 0% and #A0FFAD as 100%.

0.0%	0.0% #8CAC9C	RGB 140 172 156	#8CAC9C
16.7%	16.7% #91B9A3	RGB 145 185 163	#91B9A3
33.3%	33.3% #96C7A8	RGB 150 199 168	#96C7A8
50.0%	50.0% #99D5AC	RGB 153 213 172	#99D5AC
66.7%	66.7% #9CE3AE	RGB 156 227 174	#9CE3AE
83.3%	83.3% #9EF1AF	RGB 158 241 175	#9EF1AF
100.0%	100.0% #A0FFAD	RGB 160 255 173	#A0FFAD

#8CAC9C #91B9A3 #96C7A8 #99D5AC #9CE3AE #9EF1AF #A0FFAD

#8CAC9C - #99D5AC - #A0FFAD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CAC9C 0%, #99D5AC 50%, #A0FFAD 100%);
    background: -webkit-linear-gradient(top, #8CAC9C 0%, #99D5AC 50%, #A0FFAD 100%);
    background: linear-gradient(to bottom, #8CAC9C 0%, #99D5AC 50%, #A0FFAD 100%);
}
</style>