#C9A0EC - #7433B0 | 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 #C9A0EC to #7433B0

#C9A0EC #7433B0

Calculate the color between two colors, #C9A0EC and #7433B0. 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)

#C9A0EC - #7433B0 | 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 #C9A0EC as 0% and #7433B0 as 100%.

0.0%	0.0% #C9A0EC	RGB 201 160 236	#C9A0EC
16.7%	16.7% #BA8DE2	RGB 186 141 226	#BA8DE2
33.3%	33.3% #AC7BD8	RGB 172 123 216	#AC7BD8
50.0%	50.0% #9E69CE	RGB 158 105 206	#9E69CE
66.7%	66.7% #9057C4	RGB 144 87 196	#9057C4
83.3%	83.3% #8245BA	RGB 130 69 186	#8245BA
100.0%	100.0% #7433B0	RGB 116 51 176	#7433B0

#C9A0EC #BA8DE2 #AC7BD8 #9E69CE #9057C4 #8245BA #7433B0

#C9A0EC - #7433B0

HSV Blend

#C9A0EC - #7433B0 | 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 #C9A0EC as 0% and #7433B0 as 100%.

0.0%	0.0% #C9A0EC	RGB 201 160 236	#C9A0EC
16.7%	16.7% #B98AE2	RGB 185 138 226	#B98AE2
33.3%	33.3% #AA76D8	RGB 170 118 216	#AA76D8
50.0%	50.0% #9C63CE	RGB 156 99 206	#9C63CE
66.7%	66.7% #8E52C4	RGB 142 82 196	#8E52C4
83.3%	83.3% #8041BA	RGB 128 65 186	#8041BA
100.0%	100.0% #7433B0	RGB 116 51 176	#7433B0

#C9A0EC #B98AE2 #AA76D8 #9C63CE #8E52C4 #8041BA #7433B0

#C9A0EC - #9C63CE - #7433B0

CSS codes

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

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