#9A8D9F - #A1ACD3 | 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 #9A8D9F to #A1ACD3

#9A8D9F #A1ACD3

Calculate the color between two colors, #9A8D9F and #A1ACD3. 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)

#9A8D9F - #A1ACD3 | 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 #9A8D9F as 0% and #A1ACD3 as 100%.

0.0%	0.0% #9A8D9F	RGB 154 141 159	#9A8D9F
16.7%	16.7% #9B92A7	RGB 155 146 167	#9B92A7
33.3%	33.3% #9C97B0	RGB 156 151 176	#9C97B0
50.0%	50.0% #9D9CB9	RGB 157 156 185	#9D9CB9
66.7%	66.7% #9EA1C1	RGB 158 161 193	#9EA1C1
83.3%	83.3% #9FA6CA	RGB 159 166 202	#9FA6CA
100.0%	100.0% #A1ACD3	RGB 161 172 211	#A1ACD3

#9A8D9F #9B92A7 #9C97B0 #9D9CB9 #9EA1C1 #9FA6CA #A1ACD3

#9A8D9F - #A1ACD3

HSV Blend

#9A8D9F - #A1ACD3 | 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 #9A8D9F as 0% and #A1ACD3 as 100%.

0.0%	0.0% #9A8D9F	RGB 154 141 159	#9A8D9F
16.7%	16.7% #9D91A7	RGB 157 145 167	#9D91A7
33.3%	33.3% #A095B0	RGB 160 149 176	#A095B0
50.0%	50.0% #A098B9	RGB 160 152 185	#A098B9
66.7%	66.7% #9F9BC1	RGB 159 155 193	#9F9BC1
83.3%	83.3% #9EA1CA	RGB 158 161 202	#9EA1CA
100.0%	100.0% #A1ACD3	RGB 161 172 211	#A1ACD3

#9A8D9F #9D91A7 #A095B0 #A098B9 #9F9BC1 #9EA1CA #A1ACD3

#9A8D9F - #A098B9 - #A1ACD3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8D9F 0%, #A098B9 50%, #A1ACD3 100%);
    background: -webkit-linear-gradient(top, #9A8D9F 0%, #A098B9 50%, #A1ACD3 100%);
    background: linear-gradient(to bottom, #9A8D9F 0%, #A098B9 50%, #A1ACD3 100%);
}
</style>