#9898AA - #A8D3B7 | 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 #9898AA to #A8D3B7

#9898AA #A8D3B7

Calculate the color between two colors, #9898AA and #A8D3B7. 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)

#9898AA - #A8D3B7 | 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 #9898AA as 0% and #A8D3B7 as 100%.

0.0%	0.0% #9898AA	RGB 152 152 170	#9898AA
16.7%	16.7% #9AA1AC	RGB 154 161 172	#9AA1AC
33.3%	33.3% #9DABAE	RGB 157 171 174	#9DABAE
50.0%	50.0% #A0B5B0	RGB 160 181 176	#A0B5B0
66.7%	66.7% #A2BFB2	RGB 162 191 178	#A2BFB2
83.3%	83.3% #A5C9B4	RGB 165 201 180	#A5C9B4
100.0%	100.0% #A8D3B7	RGB 168 211 183	#A8D3B7

#9898AA #9AA1AC #9DABAE #A0B5B0 #A2BFB2 #A5C9B4 #A8D3B7

#9898AA - #A8D3B7

HSV Blend

#9898AA - #A8D3B7 | 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 #9898AA as 0% and #A8D3B7 as 100%.

0.0%	0.0% #9898AA	RGB 152 152 170	#9898AA
16.7%	16.7% #9BA1B0	RGB 155 161 176	#9BA1B0
33.3%	33.3% #9EACB7	RGB 158 172 183	#9EACB7
50.0%	50.0% #A1B9BE	RGB 161 185 190	#A1B9BE
66.7%	66.7% #A3C5C1	RGB 163 197 193	#A3C5C1
83.3%	83.3% #A5CCBD	RGB 165 204 189	#A5CCBD
100.0%	100.0% #A8D3B7	RGB 168 211 183	#A8D3B7

#9898AA #9BA1B0 #9EACB7 #A1B9BE #A3C5C1 #A5CCBD #A8D3B7

#9898AA - #A1B9BE - #A8D3B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9898AA 0%, #A1B9BE 50%, #A8D3B7 100%);
    background: -webkit-linear-gradient(top, #9898AA 0%, #A1B9BE 50%, #A8D3B7 100%);
    background: linear-gradient(to bottom, #9898AA 0%, #A1B9BE 50%, #A8D3B7 100%);
}
</style>