#3D1C5E - #070039 | 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 #3D1C5E to #070039

#3D1C5E #070039

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

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

0.0%	0.0% #3D1C5E	RGB 61 28 94	#3D1C5E
16.7%	16.7% #341757	RGB 52 23 87	#341757
33.3%	33.3% #2B1251	RGB 43 18 81	#2B1251
50.0%	50.0% #220E4B	RGB 34 14 75	#220E4B
66.7%	66.7% #190945	RGB 25 9 69	#190945
83.3%	83.3% #10043F	RGB 16 4 63	#10043F
100.0%	100.0% #070039	RGB 7 0 57	#070039

#3D1C5E #341757 #2B1251 #220E4B #190945 #10043F #070039

#3D1C5E - #070039

HSV Blend

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

0.0%	0.0% #3D1C5E	RGB 61 28 94	#3D1C5E
16.7%	16.7% #321557	RGB 50 21 87	#321557
33.3%	33.3% #281051	RGB 40 16 81	#281051
50.0%	50.0% #1F0B4B	RGB 31 11 75	#1F0B4B
66.7%	66.7% #160645	RGB 22 6 69	#160645
83.3%	83.3% #0E033F	RGB 14 3 63	#0E033F
100.0%	100.0% #070039	RGB 7 0 57	#070039

#3D1C5E #321557 #281051 #1F0B4B #160645 #0E033F #070039

#3D1C5E - #1F0B4B - #070039

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D1C5E 0%, #1F0B4B 50%, #070039 100%);
    background: -webkit-linear-gradient(top, #3D1C5E 0%, #1F0B4B 50%, #070039 100%);
    background: linear-gradient(to bottom, #3D1C5E 0%, #1F0B4B 50%, #070039 100%);
}
</style>