#3E007E - #C7B6DA | 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 #3E007E to #C7B6DA

#3E007E #C7B6DA

Calculate the color between two colors, #3E007E and #C7B6DA. 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)

#3E007E - #C7B6DA | 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 #3E007E as 0% and #C7B6DA as 100%.

0.0%	0.0% #3E007E	RGB 62 0 126	#3E007E
16.7%	16.7% #541E8D	RGB 84 30 141	#541E8D
33.3%	33.3% #6B3C9C	RGB 107 60 156	#6B3C9C
50.0%	50.0% #825BAC	RGB 130 91 172	#825BAC
66.7%	66.7% #9979BB	RGB 153 121 187	#9979BB
83.3%	83.3% #B097CA	RGB 176 151 202	#B097CA
100.0%	100.0% #C7B6DA	RGB 199 182 218	#C7B6DA

#3E007E #541E8D #6B3C9C #825BAC #9979BB #B097CA #C7B6DA

#3E007E - #C7B6DA

HSV Blend

#3E007E - #C7B6DA | 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 #3E007E as 0% and #C7B6DA as 100%.

0.0%	0.0% #3E007E	RGB 62 0 126	#3E007E
16.7%	16.7% #4F138D	RGB 79 19 141	#4F138D
33.3%	33.3% #622B9C	RGB 98 43 156	#622B9C
50.0%	50.0% #7847AC	RGB 120 71 172	#7847AC
66.7%	66.7% #9068BB	RGB 144 104 187	#9068BB
83.3%	83.3% #AA8CCA	RGB 170 140 202	#AA8CCA
100.0%	100.0% #C7B6DA	RGB 199 182 218	#C7B6DA

#3E007E #4F138D #622B9C #7847AC #9068BB #AA8CCA #C7B6DA

#3E007E - #7847AC - #C7B6DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E007E 0%, #7847AC 50%, #C7B6DA 100%);
    background: -webkit-linear-gradient(top, #3E007E 0%, #7847AC 50%, #C7B6DA 100%);
    background: linear-gradient(to bottom, #3E007E 0%, #7847AC 50%, #C7B6DA 100%);
}
</style>