#8C9991 - #A8FDD6 | 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 #8C9991 to #A8FDD6

#8C9991 #A8FDD6

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

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

0.0%	0.0% #8C9991	RGB 140 153 145	#8C9991
16.7%	16.7% #90A99C	RGB 144 169 156	#90A99C
33.3%	33.3% #95BAA8	RGB 149 186 168	#95BAA8
50.0%	50.0% #9ACBB3	RGB 154 203 179	#9ACBB3
66.7%	66.7% #9EDBBF	RGB 158 219 191	#9EDBBF
83.3%	83.3% #A3ECCA	RGB 163 236 202	#A3ECCA
100.0%	100.0% #A8FDD6	RGB 168 253 214	#A8FDD6

#8C9991 #90A99C #95BAA8 #9ACBB3 #9EDBBF #A3ECCA #A8FDD6

#8C9991 - #A8FDD6

HSV Blend

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

0.0%	0.0% #8C9991	RGB 140 153 145	#8C9991
16.7%	16.7% #94A99C	RGB 148 169 156	#94A99C
33.3%	33.3% #9ABAA8	RGB 154 186 168	#9ABAA8
50.0%	50.0% #A0CBB4	RGB 160 203 180	#A0CBB4
66.7%	66.7% #A4DBBF	RGB 164 219 191	#A4DBBF
83.3%	83.3% #A6ECCA	RGB 166 236 202	#A6ECCA
100.0%	100.0% #A8FDD6	RGB 168 253 214	#A8FDD6

#8C9991 #94A99C #9ABAA8 #A0CBB4 #A4DBBF #A6ECCA #A8FDD6

#8C9991 - #A0CBB4 - #A8FDD6

CSS codes

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

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