#AA9FC4 - #604B8D | 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 #AA9FC4 to #604B8D

#AA9FC4 #604B8D

Calculate the color between two colors, #AA9FC4 and #604B8D. 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)

#AA9FC4 - #604B8D | 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 #AA9FC4 as 0% and #604B8D as 100%.

0.0%	0.0% #AA9FC4	RGB 170 159 196	#AA9FC4
16.7%	16.7% #9D91BA	RGB 157 145 186	#9D91BA
33.3%	33.3% #9183B1	RGB 145 131 177	#9183B1
50.0%	50.0% #8575A8	RGB 133 117 168	#8575A8
66.7%	66.7% #78679F	RGB 120 103 159	#78679F
83.3%	83.3% #6C5996	RGB 108 89 150	#6C5996
100.0%	100.0% #604B8D	RGB 96 75 141	#604B8D

#AA9FC4 #9D91BA #9183B1 #8575A8 #78679F #6C5996 #604B8D

#AA9FC4 - #604B8D

HSV Blend

#AA9FC4 - #604B8D | 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 #AA9FC4 as 0% and #604B8D as 100%.

0.0%	0.0% #AA9FC4	RGB 170 159 196	#AA9FC4
16.7%	16.7% #9C8EBA	RGB 156 142 186	#9C8EBA
33.3%	33.3% #8E7FB1	RGB 142 127 177	#8E7FB1
50.0%	50.0% #8271A8	RGB 130 113 168	#8271A8
66.7%	66.7% #76639F	RGB 118 99 159	#76639F
83.3%	83.3% #6A5696	RGB 106 86 150	#6A5696
100.0%	100.0% #604B8D	RGB 96 75 141	#604B8D

#AA9FC4 #9C8EBA #8E7FB1 #8271A8 #76639F #6A5696 #604B8D

#AA9FC4 - #8271A8 - #604B8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA9FC4 0%, #8271A8 50%, #604B8D 100%);
    background: -webkit-linear-gradient(top, #AA9FC4 0%, #8271A8 50%, #604B8D 100%);
    background: linear-gradient(to bottom, #AA9FC4 0%, #8271A8 50%, #604B8D 100%);
}
</style>