#C5A8D9 - #9554B3 | 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 #C5A8D9 to #9554B3

#C5A8D9 #9554B3

Calculate the color between two colors, #C5A8D9 and #9554B3. 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)

#C5A8D9 - #9554B3 | 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 #C5A8D9 as 0% and #9554B3 as 100%.

0.0%	0.0% #C5A8D9	RGB 197 168 217	#C5A8D9
16.7%	16.7% #BD9AD2	RGB 189 154 210	#BD9AD2
33.3%	33.3% #B58CCC	RGB 181 140 204	#B58CCC
50.0%	50.0% #AD7EC6	RGB 173 126 198	#AD7EC6
66.7%	66.7% #A570BF	RGB 165 112 191	#A570BF
83.3%	83.3% #9D62B9	RGB 157 98 185	#9D62B9
100.0%	100.0% #9554B3	RGB 149 84 179	#9554B3

#C5A8D9 #BD9AD2 #B58CCC #AD7EC6 #A570BF #9D62B9 #9554B3

#C5A8D9 - #9554B3

HSV Blend

#C5A8D9 - #9554B3 | 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 #C5A8D9 as 0% and #9554B3 as 100%.

0.0%	0.0% #C5A8D9	RGB 197 168 217	#C5A8D9
16.7%	16.7% #BB98D2	RGB 187 152 210	#BB98D2
33.3%	33.3% #B389CC	RGB 179 137 204	#B389CC
50.0%	50.0% #AA7BC6	RGB 170 123 198	#AA7BC6
66.7%	66.7% #A36DBF	RGB 163 109 191	#A36DBF
83.3%	83.3% #9B60B9	RGB 155 96 185	#9B60B9
100.0%	100.0% #9554B3	RGB 149 84 179	#9554B3

#C5A8D9 #BB98D2 #B389CC #AA7BC6 #A36DBF #9B60B9 #9554B3

#C5A8D9 - #AA7BC6 - #9554B3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5A8D9 0%, #AA7BC6 50%, #9554B3 100%);
    background: -webkit-linear-gradient(top, #C5A8D9 0%, #AA7BC6 50%, #9554B3 100%);
    background: linear-gradient(to bottom, #C5A8D9 0%, #AA7BC6 50%, #9554B3 100%);
}
</style>