#3E4C7E - #131F29 | 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 #3E4C7E to #131F29

#3E4C7E #131F29

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

#3E4C7E - #131F29 | 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 #3E4C7E as 0% and #131F29 as 100%.

0.0%	0.0% #3E4C7E	RGB 62 76 126	#3E4C7E
16.7%	16.7% #36446F	RGB 54 68 111	#36446F
33.3%	33.3% #2F3D61	RGB 47 61 97	#2F3D61
50.0%	50.0% #283553	RGB 40 53 83	#283553
66.7%	66.7% #212E45	RGB 33 46 69	#212E45
83.3%	83.3% #1A2637	RGB 26 38 55	#1A2637
100.0%	100.0% #131F29	RGB 19 31 41	#131F29

#3E4C7E #36446F #2F3D61 #283553 #212E45 #1A2637 #131F29

#3E4C7E - #131F29

HSV Blend

#3E4C7E - #131F29 | 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 #3E4C7E as 0% and #131F29 as 100%.

0.0%	0.0% #3E4C7E	RGB 62 76 126	#3E4C7E
16.7%	16.7% #36466F	RGB 54 70 111	#36466F
33.3%	33.3% #2F3F61	RGB 47 63 97	#2F3F61
50.0%	50.0% #273853	RGB 39 56 83	#273853
66.7%	66.7% #203045	RGB 32 48 69	#203045
83.3%	83.3% #192837	RGB 25 40 55	#192837
100.0%	100.0% #131F29	RGB 19 31 41	#131F29

#3E4C7E #36466F #2F3F61 #273853 #203045 #192837 #131F29

#3E4C7E - #273853 - #131F29

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4C7E 0%, #273853 50%, #131F29 100%);
    background: -webkit-linear-gradient(top, #3E4C7E 0%, #273853 50%, #131F29 100%);
    background: linear-gradient(to bottom, #3E4C7E 0%, #273853 50%, #131F29 100%);
}
</style>