#3E00C0 - #C7B6ED | 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 #3E00C0 to #C7B6ED

#3E00C0 #C7B6ED

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

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

0.0%	0.0% #3E00C0	RGB 62 0 192	#3E00C0
16.7%	16.7% #541EC7	RGB 84 30 199	#541EC7
33.3%	33.3% #6B3CCF	RGB 107 60 207	#6B3CCF
50.0%	50.0% #825BD6	RGB 130 91 214	#825BD6
66.7%	66.7% #9979DE	RGB 153 121 222	#9979DE
83.3%	83.3% #B097E5	RGB 176 151 229	#B097E5
100.0%	100.0% #C7B6ED	RGB 199 182 237	#C7B6ED

#3E00C0 #541EC7 #6B3CCF #825BD6 #9979DE #B097E5 #C7B6ED

#3E00C0 - #C7B6ED

HSV Blend

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

0.0%	0.0% #3E00C0	RGB 62 0 192	#3E00C0
16.7%	16.7% #5119C7	RGB 81 25 199	#5119C7
33.3%	33.3% #6634CF	RGB 102 52 207	#6634CF
50.0%	50.0% #7C52D6	RGB 124 82 214	#7C52D6
66.7%	66.7% #9371DE	RGB 147 113 222	#9371DE
83.3%	83.3% #AC92E5	RGB 172 146 229	#AC92E5
100.0%	100.0% #C7B6ED	RGB 199 182 237	#C7B6ED

#3E00C0 #5119C7 #6634CF #7C52D6 #9371DE #AC92E5 #C7B6ED

#3E00C0 - #7C52D6 - #C7B6ED

CSS codes

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

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