#3C3CBD - #C7C7EC | 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 #3C3CBD to #C7C7EC

#3C3CBD #C7C7EC

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

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

0.0%	0.0% #3C3CBD	RGB 60 60 189	#3C3CBD
16.7%	16.7% #5353C4	RGB 83 83 196	#5353C4
33.3%	33.3% #6A6ACC	RGB 106 106 204	#6A6ACC
50.0%	50.0% #8181D4	RGB 129 129 212	#8181D4
66.7%	66.7% #9898DC	RGB 152 152 220	#9898DC
83.3%	83.3% #AFAFE4	RGB 175 175 228	#AFAFE4
100.0%	100.0% #C7C7EC	RGB 199 199 236	#C7C7EC

#3C3CBD #5353C4 #6A6ACC #8181D4 #9898DC #AFAFE4 #C7C7EC

#3C3CBD - #C7C7EC

HSV Blend

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

0.0%	0.0% #3C3CBD	RGB 60 60 189	#3C3CBD
16.7%	16.7% #4F4FC4	RGB 79 79 196	#4F4FC4
33.3%	33.3% #6464CC	RGB 100 100 204	#6464CC
50.0%	50.0% #7B7BD4	RGB 123 123 212	#7B7BD4
66.7%	66.7% #9393DC	RGB 147 147 220	#9393DC
83.3%	83.3% #ACACE4	RGB 172 172 228	#ACACE4
100.0%	100.0% #C7C7EC	RGB 199 199 236	#C7C7EC

#3C3CBD #4F4FC4 #6464CC #7B7BD4 #9393DC #ACACE4 #C7C7EC

#3C3CBD - #7B7BD4 - #C7C7EC

CSS codes

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

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