#C9A8DB - #764599 | 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 #C9A8DB to #764599

#C9A8DB #764599

Calculate the color between two colors, #C9A8DB and #764599. 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)

#C9A8DB - #764599 | 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 #C9A8DB as 0% and #764599 as 100%.

0.0%	0.0% #C9A8DB	RGB 201 168 219	#C9A8DB
16.7%	16.7% #BB97D0	RGB 187 151 208	#BB97D0
33.3%	33.3% #AD87C5	RGB 173 135 197	#AD87C5
50.0%	50.0% #9F76BA	RGB 159 118 186	#9F76BA
66.7%	66.7% #9166AF	RGB 145 102 175	#9166AF
83.3%	83.3% #8355A4	RGB 131 85 164	#8355A4
100.0%	100.0% #764599	RGB 118 69 153	#764599

#C9A8DB #BB97D0 #AD87C5 #9F76BA #9166AF #8355A4 #764599

#C9A8DB - #764599

HSV Blend

#C9A8DB - #764599 | 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 #C9A8DB as 0% and #764599 as 100%.

0.0%	0.0% #C9A8DB	RGB 201 168 219	#C9A8DB
16.7%	16.7% #BA94D0	RGB 186 148 208	#BA94D0
33.3%	33.3% #AC82C5	RGB 172 130 197	#AC82C5
50.0%	50.0% #9E71BA	RGB 158 113 186	#9E71BA
66.7%	66.7% #9061AF	RGB 144 97 175	#9061AF
83.3%	83.3% #8252A4	RGB 130 82 164	#8252A4
100.0%	100.0% #764599	RGB 118 69 153	#764599

#C9A8DB #BA94D0 #AC82C5 #9E71BA #9061AF #8252A4 #764599

#C9A8DB - #9E71BA - #764599

CSS codes

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

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