#3E849B - #1F3C49 | 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 #3E849B to #1F3C49

#3E849B #1F3C49

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

#3E849B - #1F3C49 | 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 #3E849B as 0% and #1F3C49 as 100%.

0.0%	0.0% #3E849B	RGB 62 132 155	#3E849B
16.7%	16.7% #38788D	RGB 56 120 141	#38788D
33.3%	33.3% #336C7F	RGB 51 108 127	#336C7F
50.0%	50.0% #2E6072	RGB 46 96 114	#2E6072
66.7%	66.7% #295464	RGB 41 84 100	#295464
83.3%	83.3% #244856	RGB 36 72 86	#244856
100.0%	100.0% #1F3C49	RGB 31 60 73	#1F3C49

#3E849B #38788D #336C7F #2E6072 #295464 #244856 #1F3C49

#3E849B - #1F3C49

HSV Blend

#3E849B - #1F3C49 | 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 #3E849B as 0% and #1F3C49 as 100%.

0.0%	0.0% #3E849B	RGB 62 132 155	#3E849B
16.7%	16.7% #39778D	RGB 57 119 141	#39778D
33.3%	33.3% #346B7F	RGB 52 107 127	#346B7F
50.0%	50.0% #2F5F72	RGB 47 95 114	#2F5F72
66.7%	66.7% #295364	RGB 41 83 100	#295364
83.3%	83.3% #244756	RGB 36 71 86	#244756
100.0%	100.0% #1F3C49	RGB 31 60 73	#1F3C49

#3E849B #39778D #346B7F #2F5F72 #295364 #244756 #1F3C49

#3E849B - #2F5F72 - #1F3C49

CSS codes

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

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