#C7B2EE - #7849B4 | 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 #C7B2EE to #7849B4

#C7B2EE #7849B4

Calculate the color between two colors, #C7B2EE and #7849B4. 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)

#C7B2EE - #7849B4 | 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 #C7B2EE as 0% and #7849B4 as 100%.

0.0%	0.0% #C7B2EE	RGB 199 178 238	#C7B2EE
16.7%	16.7% #B9A0E4	RGB 185 160 228	#B9A0E4
33.3%	33.3% #AC8FDA	RGB 172 143 218	#AC8FDA
50.0%	50.0% #9F7DD1	RGB 159 125 209	#9F7DD1
66.7%	66.7% #926CC7	RGB 146 108 199	#926CC7
83.3%	83.3% #855ABD	RGB 133 90 189	#855ABD
100.0%	100.0% #7849B4	RGB 120 73 180	#7849B4

#C7B2EE #B9A0E4 #AC8FDA #9F7DD1 #926CC7 #855ABD #7849B4

#C7B2EE - #7849B4

HSV Blend

#C7B2EE - #7849B4 | 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 #C7B2EE as 0% and #7849B4 as 100%.

0.0%	0.0% #C7B2EE	RGB 199 178 238	#C7B2EE
16.7%	16.7% #B79DE4	RGB 183 157 228	#B79DE4
33.3%	33.3% #A88ADA	RGB 168 138 218	#A88ADA
50.0%	50.0% #9B78D1	RGB 155 120 209	#9B78D1
66.7%	66.7% #8E67C7	RGB 142 103 199	#8E67C7
83.3%	83.3% #8257BD	RGB 130 87 189	#8257BD
100.0%	100.0% #7849B4	RGB 120 73 180	#7849B4

#C7B2EE #B79DE4 #A88ADA #9B78D1 #8E67C7 #8257BD #7849B4

#C7B2EE - #9B78D1 - #7849B4

CSS codes

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

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