#3C3CBA - #C7C7EB | 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 #3C3CBA to #C7C7EB

#3C3CBA #C7C7EB

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

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

0.0%	0.0% #3C3CBA	RGB 60 60 186	#3C3CBA
16.7%	16.7% #5353C2	RGB 83 83 194	#5353C2
33.3%	33.3% #6A6ACA	RGB 106 106 202	#6A6ACA
50.0%	50.0% #8181D2	RGB 129 129 210	#8181D2
66.7%	66.7% #9898DA	RGB 152 152 218	#9898DA
83.3%	83.3% #AFAFE2	RGB 175 175 226	#AFAFE2
100.0%	100.0% #C7C7EB	RGB 199 199 235	#C7C7EB

#3C3CBA #5353C2 #6A6ACA #8181D2 #9898DA #AFAFE2 #C7C7EB

#3C3CBA - #C7C7EB

HSV Blend

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

0.0%	0.0% #3C3CBA	RGB 60 60 186	#3C3CBA
16.7%	16.7% #4F4FC2	RGB 79 79 194	#4F4FC2
33.3%	33.3% #6464CA	RGB 100 100 202	#6464CA
50.0%	50.0% #7B7BD2	RGB 123 123 210	#7B7BD2
66.7%	66.7% #9292DA	RGB 146 146 218	#9292DA
83.3%	83.3% #ACACE2	RGB 172 172 226	#ACACE2
100.0%	100.0% #C7C7EB	RGB 199 199 235	#C7C7EB

#3C3CBA #4F4FC2 #6464CA #7B7BD2 #9292DA #ACACE2 #C7C7EB

#3C3CBA - #7B7BD2 - #C7C7EB

CSS codes

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

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