#C7B2EA - #784BAE | 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 #C7B2EA to #784BAE

#C7B2EA #784BAE

Calculate the color between two colors, #C7B2EA and #784BAE. 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)

#C7B2EA - #784BAE | 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 #C7B2EA as 0% and #784BAE as 100%.

0.0%	0.0% #C7B2EA	RGB 199 178 234	#C7B2EA
16.7%	16.7% #B9A0E0	RGB 185 160 224	#B9A0E0
33.3%	33.3% #AC8FD6	RGB 172 143 214	#AC8FD6
50.0%	50.0% #9F7ECC	RGB 159 126 204	#9F7ECC
66.7%	66.7% #926DC2	RGB 146 109 194	#926DC2
83.3%	83.3% #855CB8	RGB 133 92 184	#855CB8
100.0%	100.0% #784BAE	RGB 120 75 174	#784BAE

#C7B2EA #B9A0E0 #AC8FD6 #9F7ECC #926DC2 #855CB8 #784BAE

#C7B2EA - #784BAE

HSV Blend

#C7B2EA - #784BAE | 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 #C7B2EA as 0% and #784BAE as 100%.

0.0%	0.0% #C7B2EA	RGB 199 178 234	#C7B2EA
16.7%	16.7% #B79EE0	RGB 183 158 224	#B79EE0
33.3%	33.3% #A98BD6	RGB 169 139 214	#A98BD6
50.0%	50.0% #9B79CC	RGB 155 121 204	#9B79CC
66.7%	66.7% #8F68C2	RGB 143 104 194	#8F68C2
83.3%	83.3% #8359B8	RGB 131 89 184	#8359B8
100.0%	100.0% #784BAE	RGB 120 75 174	#784BAE

#C7B2EA #B79EE0 #A98BD6 #9B79CC #8F68C2 #8359B8 #784BAE

#C7B2EA - #9B79CC - #784BAE

CSS codes

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

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