#C7C0EC - #7E6BDA | 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 #C7C0EC to #7E6BDA

#C7C0EC #7E6BDA

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

#C7C0EC - #7E6BDA | 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 #C7C0EC as 0% and #7E6BDA as 100%.

0.0%	0.0% #C7C0EC	RGB 199 192 236	#C7C0EC
16.7%	16.7% #BAB1E9	RGB 186 177 233	#BAB1E9
33.3%	33.3% #AEA3E6	RGB 174 163 230	#AEA3E6
50.0%	50.0% #A295E3	RGB 162 149 227	#A295E3
66.7%	66.7% #9687E0	RGB 150 135 224	#9687E0
83.3%	83.3% #8A79DD	RGB 138 121 221	#8A79DD
100.0%	100.0% #7E6BDA	RGB 126 107 218	#7E6BDA

#C7C0EC #BAB1E9 #AEA3E6 #A295E3 #9687E0 #8A79DD #7E6BDA

#C7C0EC - #7E6BDA

HSV Blend

#C7C0EC - #7E6BDA | 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 #C7C0EC as 0% and #7E6BDA as 100%.

0.0%	0.0% #C7C0EC	RGB 199 192 236	#C7C0EC
16.7%	16.7% #BAB1E9	RGB 186 177 233	#BAB1E9
33.3%	33.3% #ADA2E6	RGB 173 162 230	#ADA2E6
50.0%	50.0% #A194E3	RGB 161 148 227	#A194E3
66.7%	66.7% #9586E0	RGB 149 134 224	#9586E0
83.3%	83.3% #8978DD	RGB 137 120 221	#8978DD
100.0%	100.0% #7E6BDA	RGB 126 107 218	#7E6BDA

#C7C0EC #BAB1E9 #ADA2E6 #A194E3 #9586E0 #8978DD #7E6BDA

#C7C0EC - #A194E3 - #7E6BDA

CSS codes

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

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