#9A8B9C - #D6A0FF | 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 #9A8B9C to #D6A0FF

#9A8B9C #D6A0FF

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

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

0.0%	0.0% #9A8B9C	RGB 154 139 156	#9A8B9C
16.7%	16.7% #A48EAC	RGB 164 142 172	#A48EAC
33.3%	33.3% #AE92BD	RGB 174 146 189	#AE92BD
50.0%	50.0% #B895CD	RGB 184 149 205	#B895CD
66.7%	66.7% #C299DE	RGB 194 153 222	#C299DE
83.3%	83.3% #CC9CEE	RGB 204 156 238	#CC9CEE
100.0%	100.0% #D6A0FF	RGB 214 160 255	#D6A0FF

#9A8B9C #A48EAC #AE92BD #B895CD #C299DE #CC9CEE #D6A0FF

#9A8B9C - #D6A0FF

HSV Blend

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

0.0%	0.0% #9A8B9C	RGB 154 139 156	#9A8B9C
16.7%	16.7% #A892AC	RGB 168 146 172	#A892AC
33.3%	33.3% #B497BD	RGB 180 151 189	#B497BD
50.0%	50.0% #BF9CCD	RGB 191 156 205	#BF9CCD
66.7%	66.7% #C99EDE	RGB 201 158 222	#C99EDE
83.3%	83.3% #D0A0EE	RGB 208 160 238	#D0A0EE
100.0%	100.0% #D6A0FF	RGB 214 160 255	#D6A0FF

#9A8B9C #A892AC #B497BD #BF9CCD #C99EDE #D0A0EE #D6A0FF

#9A8B9C - #BF9CCD - #D6A0FF

CSS codes

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

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