#3E3E4D - #05113A | 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 #3E3E4D to #05113A

#3E3E4D #05113A

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

#3E3E4D - #05113A | 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 #3E3E4D as 0% and #05113A as 100%.

0.0%	0.0% #3E3E4D	RGB 62 62 77	#3E3E4D
16.7%	16.7% #343649	RGB 52 54 73	#343649
33.3%	33.3% #2B2F46	RGB 43 47 70	#2B2F46
50.0%	50.0% #212743	RGB 33 39 67	#212743
66.7%	66.7% #182040	RGB 24 32 64	#182040
83.3%	83.3% #0E183D	RGB 14 24 61	#0E183D
100.0%	100.0% #05113A	RGB 5 17 58	#05113A

#3E3E4D #343649 #2B2F46 #212743 #182040 #0E183D #05113A

#3E3E4D - #05113A

HSV Blend

#3E3E4D - #05113A | 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 #3E3E4D as 0% and #05113A as 100%.

0.0%	0.0% #3E3E4D	RGB 62 62 77	#3E3E4D
16.7%	16.7% #323349	RGB 50 51 73	#323349
33.3%	33.3% #272A46	RGB 39 42 70	#272A46
50.0%	50.0% #1E2243	RGB 30 34 67	#1E2243
66.7%	66.7% #141B40	RGB 20 27 64	#141B40
83.3%	83.3% #0C153D	RGB 12 21 61	#0C153D
100.0%	100.0% #05113A	RGB 5 17 58	#05113A

#3E3E4D #323349 #272A46 #1E2243 #141B40 #0C153D #05113A

#3E3E4D - #1E2243 - #05113A

CSS codes

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

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