#3E4D5E - #10103C | 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 #3E4D5E to #10103C

#3E4D5E #10103C

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

#3E4D5E - #10103C | 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 #3E4D5E as 0% and #10103C as 100%.

0.0%	0.0% #3E4D5E	RGB 62 77 94	#3E4D5E
16.7%	16.7% #364258	RGB 54 66 88	#364258
33.3%	33.3% #2E3852	RGB 46 56 82	#2E3852
50.0%	50.0% #272E4D	RGB 39 46 77	#272E4D
66.7%	66.7% #1F2447	RGB 31 36 71	#1F2447
83.3%	83.3% #171A41	RGB 23 26 65	#171A41
100.0%	100.0% #10103C	RGB 16 16 60	#10103C

#3E4D5E #364258 #2E3852 #272E4D #1F2447 #171A41 #10103C

#3E4D5E - #10103C

HSV Blend

#3E4D5E - #10103C | 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 #3E4D5E as 0% and #10103C as 100%.

0.0%	0.0% #3E4D5E	RGB 62 77 94	#3E4D5E
16.7%	16.7% #344258	RGB 52 66 88	#344258
33.3%	33.3% #2B3752	RGB 43 55 82	#2B3752
50.0%	50.0% #232D4D	RGB 35 45 77	#232D4D
66.7%	66.7% #1C2347	RGB 28 35 71	#1C2347
83.3%	83.3% #151941	RGB 21 25 65	#151941
100.0%	100.0% #10103C	RGB 16 16 60	#10103C

#3E4D5E #344258 #2B3752 #232D4D #1C2347 #151941 #10103C

#3E4D5E - #232D4D - #10103C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4D5E 0%, #232D4D 50%, #10103C 100%);
    background: -webkit-linear-gradient(top, #3E4D5E 0%, #232D4D 50%, #10103C 100%);
    background: linear-gradient(to bottom, #3E4D5E 0%, #232D4D 50%, #10103C 100%);
}
</style>