#9A8CAD - #C0A4FF | 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 #9A8CAD to #C0A4FF

#9A8CAD #C0A4FF

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

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

0.0%	0.0% #9A8CAD	RGB 154 140 173	#9A8CAD
16.7%	16.7% #A090BA	RGB 160 144 186	#A090BA
33.3%	33.3% #A694C8	RGB 166 148 200	#A694C8
50.0%	50.0% #AD98D6	RGB 173 152 214	#AD98D6
66.7%	66.7% #B39CE3	RGB 179 156 227	#B39CE3
83.3%	83.3% #B9A0F1	RGB 185 160 241	#B9A0F1
100.0%	100.0% #C0A4FF	RGB 192 164 255	#C0A4FF

#9A8CAD #A090BA #A694C8 #AD98D6 #B39CE3 #B9A0F1 #C0A4FF

#9A8CAD - #C0A4FF

HSV Blend

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

0.0%	0.0% #9A8CAD	RGB 154 140 173	#9A8CAD
16.7%	16.7% #A291BA	RGB 162 145 186	#A291BA
33.3%	33.3% #AA97C8	RGB 170 151 200	#AA97C8
50.0%	50.0% #B09BD6	RGB 176 155 214	#B09BD6
66.7%	66.7% #B69FE3	RGB 182 159 227	#B69FE3
83.3%	83.3% #BBA1F1	RGB 187 161 241	#BBA1F1
100.0%	100.0% #C0A4FF	RGB 192 164 255	#C0A4FF

#9A8CAD #A291BA #AA97C8 #B09BD6 #B69FE3 #BBA1F1 #C0A4FF

#9A8CAD - #B09BD6 - #C0A4FF

CSS codes

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

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