#8C9998 - #A8F1FD | 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 #8C9998 to #A8F1FD

#8C9998 #A8F1FD

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

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

0.0%	0.0% #8C9998	RGB 140 153 152	#8C9998
16.7%	16.7% #90A7A8	RGB 144 167 168	#90A7A8
33.3%	33.3% #95B6B9	RGB 149 182 185	#95B6B9
50.0%	50.0% #9AC5CA	RGB 154 197 202	#9AC5CA
66.7%	66.7% #9ED3DB	RGB 158 211 219	#9ED3DB
83.3%	83.3% #A3E2EC	RGB 163 226 236	#A3E2EC
100.0%	100.0% #A8F1FD	RGB 168 241 253	#A8F1FD

#8C9998 #90A7A8 #95B6B9 #9AC5CA #9ED3DB #A3E2EC #A8F1FD

#8C9998 - #A8F1FD

HSV Blend

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

0.0%	0.0% #8C9998	RGB 140 153 152	#8C9998
16.7%	16.7% #94A9A8	RGB 148 169 168	#94A9A8
33.3%	33.3% #9ABABA	RGB 154 186 186	#9ABABA
50.0%	50.0% #A0C9CB	RGB 160 201 203	#A0C9CB
66.7%	66.7% #A4D7DB	RGB 164 215 219	#A4D7DB
83.3%	83.3% #A6E5EC	RGB 166 229 236	#A6E5EC
100.0%	100.0% #A8F1FD	RGB 168 241 253	#A8F1FD

#8C9998 #94A9A8 #9ABABA #A0C9CB #A4D7DB #A6E5EC #A8F1FD

#8C9998 - #A0C9CB - #A8F1FD

CSS codes

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

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