#3C0FB6 - #C7BAEA | 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 #3C0FB6 to #C7BAEA

#3C0FB6 #C7BAEA

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

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

0.0%	0.0% #3C0FB6	RGB 60 15 182	#3C0FB6
16.7%	16.7% #532BBE	RGB 83 43 190	#532BBE
33.3%	33.3% #6A48C7	RGB 106 72 199	#6A48C7
50.0%	50.0% #8164D0	RGB 129 100 208	#8164D0
66.7%	66.7% #9881D8	RGB 152 129 216	#9881D8
83.3%	83.3% #AF9DE1	RGB 175 157 225	#AF9DE1
100.0%	100.0% #C7BAEA	RGB 199 186 234	#C7BAEA

#3C0FB6 #532BBE #6A48C7 #8164D0 #9881D8 #AF9DE1 #C7BAEA

#3C0FB6 - #C7BAEA

HSV Blend

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

0.0%	0.0% #3B0FB6	RGB 59 15 182	#3B0FB6
16.7%	16.7% #4F26BE	RGB 79 38 190	#4F26BE
33.3%	33.3% #643FC7	RGB 100 63 199	#643FC7
50.0%	50.0% #7A5BD0	RGB 122 91 208	#7A5BD0
66.7%	66.7% #9278D8	RGB 146 120 216	#9278D8
83.3%	83.3% #AC98E1	RGB 172 152 225	#AC98E1
100.0%	100.0% #C7BAEA	RGB 199 186 234	#C7BAEA

#3B0FB6 #4F26BE #643FC7 #7A5BD0 #9278D8 #AC98E1 #C7BAEA

#3C0FB6 - #7A5BD0 - #C7BAEA

CSS codes

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

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