#3E007D - #C7B6D9 | 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 #3E007D to #C7B6D9

#3E007D #C7B6D9

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

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

0.0%	0.0% #3E007D	RGB 62 0 125	#3E007D
16.7%	16.7% #541E8C	RGB 84 30 140	#541E8C
33.3%	33.3% #6B3C9B	RGB 107 60 155	#6B3C9B
50.0%	50.0% #825BAB	RGB 130 91 171	#825BAB
66.7%	66.7% #9979BA	RGB 153 121 186	#9979BA
83.3%	83.3% #B097C9	RGB 176 151 201	#B097C9
100.0%	100.0% #C7B6D9	RGB 199 182 217	#C7B6D9

#3E007D #541E8C #6B3C9B #825BAB #9979BA #B097C9 #C7B6D9

#3E007D - #C7B6D9

HSV Blend

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

0.0%	0.0% #3D007D	RGB 61 0 125	#3D007D
16.7%	16.7% #4F138C	RGB 79 19 140	#4F138C
33.3%	33.3% #622B9B	RGB 98 43 155	#622B9B
50.0%	50.0% #7847AB	RGB 120 71 171	#7847AB
66.7%	66.7% #9068BA	RGB 144 104 186	#9068BA
83.3%	83.3% #AA8CC9	RGB 170 140 201	#AA8CC9
100.0%	100.0% #C7B6D9	RGB 199 182 217	#C7B6D9

#3D007D #4F138C #622B9B #7847AB #9068BA #AA8CC9 #C7B6D9

#3E007D - #7847AB - #C7B6D9

CSS codes

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

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