#3C0AC3 - #C7B9ED | 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 #3C0AC3 to #C7B9ED

#3C0AC3 #C7B9ED

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

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

0.0%	0.0% #3C0AC3	RGB 60 10 195	#3C0AC3
16.7%	16.7% #5327CA	RGB 83 39 202	#5327CA
33.3%	33.3% #6A44D1	RGB 106 68 209	#6A44D1
50.0%	50.0% #8161D8	RGB 129 97 216	#8161D8
66.7%	66.7% #987EDF	RGB 152 126 223	#987EDF
83.3%	83.3% #AF9BE6	RGB 175 155 230	#AF9BE6
100.0%	100.0% #C7B9ED	RGB 199 185 237	#C7B9ED

#3C0AC3 #5327CA #6A44D1 #8161D8 #987EDF #AF9BE6 #C7B9ED

#3C0AC3 - #C7B9ED

HSV Blend

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

0.0%	0.0% #3B0AC3	RGB 59 10 195	#3B0AC3
16.7%	16.7% #5022CA	RGB 80 34 202	#5022CA
33.3%	33.3% #653DD1	RGB 101 61 209	#653DD1
50.0%	50.0% #7B59D8	RGB 123 89 216	#7B59D8
66.7%	66.7% #9377DF	RGB 147 119 223	#9377DF
83.3%	83.3% #AC97E6	RGB 172 151 230	#AC97E6
100.0%	100.0% #C7B9ED	RGB 199 185 237	#C7B9ED

#3B0AC3 #5022CA #653DD1 #7B59D8 #9377DF #AC97E6 #C7B9ED

#3C0AC3 - #7B59D8 - #C7B9ED

CSS codes

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

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