#C8B5E2 - #7E61AE | 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 #C8B5E2 to #7E61AE

#C8B5E2 #7E61AE

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

#C8B5E2 - #7E61AE | 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 #C8B5E2 as 0% and #7E61AE as 100%.

0.0%	0.0% #C8B5E2	RGB 200 181 226	#C8B5E2
16.7%	16.7% #BBA7D9	RGB 187 167 217	#BBA7D9
33.3%	33.3% #AF99D0	RGB 175 153 208	#AF99D0
50.0%	50.0% #A38BC8	RGB 163 139 200	#A38BC8
66.7%	66.7% #967DBF	RGB 150 125 191	#967DBF
83.3%	83.3% #8A6FB6	RGB 138 111 182	#8A6FB6
100.0%	100.0% #7E61AE	RGB 126 97 174	#7E61AE

#C8B5E2 #BBA7D9 #AF99D0 #A38BC8 #967DBF #8A6FB6 #7E61AE

#C8B5E2 - #7E61AE

HSV Blend

#C8B5E2 - #7E61AE | 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 #C8B5E2 as 0% and #7E61AE as 100%.

0.0%	0.0% #C8B5E2	RGB 200 181 226	#C8B5E2
16.7%	16.7% #BAA5D9	RGB 186 165 217	#BAA5D9
33.3%	33.3% #AD96D0	RGB 173 150 208	#AD96D0
50.0%	50.0% #A187C8	RGB 161 135 200	#A187C8
66.7%	66.7% #957ABF	RGB 149 122 191	#957ABF
83.3%	83.3% #896DB6	RGB 137 109 182	#896DB6
100.0%	100.0% #7E61AE	RGB 126 97 174	#7E61AE

#C8B5E2 #BAA5D9 #AD96D0 #A187C8 #957ABF #896DB6 #7E61AE

#C8B5E2 - #A187C8 - #7E61AE

CSS codes

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

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