#8C999C - #A0D1A8 | 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 #8C999C to #A0D1A8

#8C999C #A0D1A8

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

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

0.0%	0.0% #8C999C	RGB 140 153 156	#8C999C
16.7%	16.7% #8FA29E	RGB 143 162 158	#8FA29E
33.3%	33.3% #92ABA0	RGB 146 171 160	#92ABA0
50.0%	50.0% #96B5A2	RGB 150 181 162	#96B5A2
66.7%	66.7% #99BEA4	RGB 153 190 164	#99BEA4
83.3%	83.3% #9CC7A6	RGB 156 199 166	#9CC7A6
100.0%	100.0% #A0D1A8	RGB 160 209 168	#A0D1A8

#8C999C #8FA29E #92ABA0 #96B5A2 #99BEA4 #9CC7A6 #A0D1A8

#8C999C - #A0D1A8

HSV Blend

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

0.0%	0.0% #8C999C	RGB 140 153 156	#8C999C
16.7%	16.7% #90A4A4	RGB 144 164 164	#90A4A4
33.3%	33.3% #94ADA9	RGB 148 173 169	#94ADA9
50.0%	50.0% #97B6AC	RGB 151 182 172	#97B6AC
66.7%	66.7% #9ABFAD	RGB 154 191 173	#9ABFAD
83.3%	83.3% #9DC8AB	RGB 157 200 171	#9DC8AB
100.0%	100.0% #A0D1A8	RGB 160 209 168	#A0D1A8

#8C999C #90A4A4 #94ADA9 #97B6AC #9ABFAD #9DC8AB #A0D1A8

#8C999C - #97B6AC - #A0D1A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C999C 0%, #97B6AC 50%, #A0D1A8 100%);
    background: -webkit-linear-gradient(top, #8C999C 0%, #97B6AC 50%, #A0D1A8 100%);
    background: linear-gradient(to bottom, #8C999C 0%, #97B6AC 50%, #A0D1A8 100%);
}
</style>