#3E2D6B - #071119 | 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 #3E2D6B to #071119

#3E2D6B #071119

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

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

0.0%	0.0% #3E2D6B	RGB 62 45 107	#3E2D6B
16.7%	16.7% #34285D	RGB 52 40 93	#34285D
33.3%	33.3% #2B234F	RGB 43 35 79	#2B234F
50.0%	50.0% #221F42	RGB 34 31 66	#221F42
66.7%	66.7% #191A34	RGB 25 26 52	#191A34
83.3%	83.3% #101526	RGB 16 21 38	#101526
100.0%	100.0% #071119	RGB 7 17 25	#071119

#3E2D6B #34285D #2B234F #221F42 #191A34 #101526 #071119

#3E2D6B - #071119

HSV Blend

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

0.0%	0.0% #3D2D6B	RGB 61 45 107	#3D2D6B
16.7%	16.7% #2C255D	RGB 44 37 93	#2C255D
33.3%	33.3% #1D1D4F	RGB 29 29 79	#1D1D4F
50.0%	50.0% #171D42	RGB 23 29 66	#171D42
66.7%	66.7% #111A34	RGB 17 26 52	#111A34
83.3%	83.3% #0B1626	RGB 11 22 38	#0B1626
100.0%	100.0% #071119	RGB 7 17 25	#071119

#3D2D6B #2C255D #1D1D4F #171D42 #111A34 #0B1626 #071119

#3E2D6B - #171D42 - #071119

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D2D6B 0%, #171D42 50%, #071119 100%);
    background: -webkit-linear-gradient(top, #3D2D6B 0%, #171D42 50%, #071119 100%);
    background: linear-gradient(to bottom, #3D2D6B 0%, #171D42 50%, #071119 100%);
}
</style>