#C8B5E9 - #7A4FAD | 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 #C8B5E9 to #7A4FAD

#C8B5E9 #7A4FAD

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

#C8B5E9 - #7A4FAD | 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 #C8B5E9 as 0% and #7A4FAD as 100%.

0.0%	0.0% #C8B5E9	RGB 200 181 233	#C8B5E9
16.7%	16.7% #BBA4DF	RGB 187 164 223	#BBA4DF
33.3%	33.3% #AE93D5	RGB 174 147 213	#AE93D5
50.0%	50.0% #A182CB	RGB 161 130 203	#A182CB
66.7%	66.7% #9471C1	RGB 148 113 193	#9471C1
83.3%	83.3% #8760B7	RGB 135 96 183	#8760B7
100.0%	100.0% #7A4FAD	RGB 122 79 173	#7A4FAD

#C8B5E9 #BBA4DF #AE93D5 #A182CB #9471C1 #8760B7 #7A4FAD

#C8B5E9 - #7A4FAD

HSV Blend

#C8B5E9 - #7A4FAD | 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 #C8B5E9 as 0% and #7A4FAD as 100%.

0.0%	0.0% #C8B5E9	RGB 200 181 233	#C8B5E9
16.7%	16.7% #B8A1DF	RGB 184 161 223	#B8A1DF
33.3%	33.3% #AA8ED5	RGB 170 142 213	#AA8ED5
50.0%	50.0% #9D7DCB	RGB 157 125 203	#9D7DCB
66.7%	66.7% #906CC1	RGB 144 108 193	#906CC1
83.3%	83.3% #845DB7	RGB 132 93 183	#845DB7
100.0%	100.0% #7A4FAD	RGB 122 79 173	#7A4FAD

#C8B5E9 #B8A1DF #AA8ED5 #9D7DCB #906CC1 #845DB7 #7A4FAD

#C8B5E9 - #9D7DCB - #7A4FAD

CSS codes

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

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