#A8A8CF - #47598D | 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 #A8A8CF to #47598D

#A8A8CF #47598D

Calculate the color between two colors, #A8A8CF and #47598D. 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)

#A8A8CF - #47598D | 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 #A8A8CF as 0% and #47598D as 100%.

0.0%	0.0% #A8A8CF	RGB 168 168 207	#A8A8CF
16.7%	16.7% #979AC4	RGB 151 154 196	#979AC4
33.3%	33.3% #878DB9	RGB 135 141 185	#878DB9
50.0%	50.0% #7780AE	RGB 119 128 174	#7780AE
66.7%	66.7% #6773A3	RGB 103 115 163	#6773A3
83.3%	83.3% #576698	RGB 87 102 152	#576698
100.0%	100.0% #47598D	RGB 71 89 141	#47598D

#A8A8CF #979AC4 #878DB9 #7780AE #6773A3 #576698 #47598D

#A8A8CF - #47598D

HSV Blend

#A8A8CF - #47598D | 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 #A8A8CF as 0% and #47598D as 100%.

0.0%	0.0% #A8A8CF	RGB 168 168 207	#A8A8CF
16.7%	16.7% #9597C4	RGB 149 151 196	#9597C4
33.3%	33.3% #8387B9	RGB 131 135 185	#8387B9
50.0%	50.0% #727AAE	RGB 114 122 174	#727AAE
66.7%	66.7% #626DA3	RGB 98 109 163	#626DA3
83.3%	83.3% #546298	RGB 84 98 152	#546298
100.0%	100.0% #47598D	RGB 71 89 141	#47598D

#A8A8CF #9597C4 #8387B9 #727AAE #626DA3 #546298 #47598D

#A8A8CF - #727AAE - #47598D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A8CF 0%, #727AAE 50%, #47598D 100%);
    background: -webkit-linear-gradient(top, #A8A8CF 0%, #727AAE 50%, #47598D 100%);
    background: linear-gradient(to bottom, #A8A8CF 0%, #727AAE 50%, #47598D 100%);
}
</style>