#3C2F5E - #220D31 | 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 #3C2F5E to #220D31

#3C2F5E #220D31

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

#3C2F5E - #220D31 | 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 #3C2F5E as 0% and #220D31 as 100%.

0.0%	0.0% #3C2F5E	RGB 60 47 94	#3C2F5E
16.7%	16.7% #372956	RGB 55 41 86	#372956
33.3%	33.3% #33234F	RGB 51 35 79	#33234F
50.0%	50.0% #2F1E47	RGB 47 30 71	#2F1E47
66.7%	66.7% #2A1840	RGB 42 24 64	#2A1840
83.3%	83.3% #261238	RGB 38 18 56	#261238
100.0%	100.0% #220D31	RGB 34 13 49	#220D31

#3C2F5E #372956 #33234F #2F1E47 #2A1840 #261238 #220D31

#3C2F5E - #220D31

HSV Blend

#3C2F5E - #220D31 | 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 #3C2F5E as 0% and #220D31 as 100%.

0.0%	0.0% #3C2F5E	RGB 60 47 94	#3C2F5E
16.7%	16.7% #372756	RGB 55 39 86	#372756
33.3%	33.3% #32214F	RGB 50 33 79	#32214F
50.0%	50.0% #2E1B47	RGB 46 27 71	#2E1B47
66.7%	66.7% #2A1540	RGB 42 21 64	#2A1540
83.3%	83.3% #261138	RGB 38 17 56	#261138
100.0%	100.0% #220D31	RGB 34 13 49	#220D31

#3C2F5E #372756 #32214F #2E1B47 #2A1540 #261138 #220D31

#3C2F5E - #2E1B47 - #220D31

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2F5E 0%, #2E1B47 50%, #220D31 100%);
    background: -webkit-linear-gradient(top, #3C2F5E 0%, #2E1B47 50%, #220D31 100%);
    background: linear-gradient(to bottom, #3C2F5E 0%, #2E1B47 50%, #220D31 100%);
}
</style>