#4C3C5C - #3C054E | 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 #4C3C5C to #3C054E

#4C3C5C #3C054E

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

#4C3C5C - #3C054E | 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 #4C3C5C as 0% and #3C054E as 100%.

0.0%	0.0% #4C3C5C	RGB 76 60 92	#4C3C5C
16.7%	16.7% #493259	RGB 73 50 89	#493259
33.3%	33.3% #462957	RGB 70 41 87	#462957
50.0%	50.0% #442055	RGB 68 32 85	#442055
66.7%	66.7% #411752	RGB 65 23 82	#411752
83.3%	83.3% #3E0E50	RGB 62 14 80	#3E0E50
100.0%	100.0% #3C054E	RGB 60 5 78	#3C054E

#4C3C5C #493259 #462957 #442055 #411752 #3E0E50 #3C054E

#4C3C5C - #3C054E

HSV Blend

#4C3C5C - #3C054E | 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 #4C3C5C as 0% and #3C054E as 100%.

0.0%	0.0% #4C3C5C	RGB 76 60 92	#4C3C5C
16.7%	16.7% #473159	RGB 71 49 89	#473159
33.3%	33.3% #432757	RGB 67 39 87	#432757
50.0%	50.0% #401E55	RGB 64 30 85	#401E55
66.7%	66.7% #3E1552	RGB 62 21 82	#3E1552
83.3%	83.3% #3C0D50	RGB 60 13 80	#3C0D50
100.0%	100.0% #3C054E	RGB 60 5 78	#3C054E

#4C3C5C #473159 #432757 #401E55 #3E1552 #3C0D50 #3C054E

#4C3C5C - #401E55 - #3C054E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C3C5C 0%, #401E55 50%, #3C054E 100%);
    background: -webkit-linear-gradient(top, #4C3C5C 0%, #401E55 50%, #3C054E 100%);
    background: linear-gradient(to bottom, #4C3C5C 0%, #401E55 50%, #3C054E 100%);
}
</style>