#3E4D5E - #062949 | 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 #062949

#3E4D5E #062949

Calculate the color between two colors, #3E4D5E and #062949. 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 - #062949 | 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 #062949 as 100%.

0.0%	0.0% #3E4D5E	RGB 62 77 94	#3E4D5E
16.7%	16.7% #34475A	RGB 52 71 90	#34475A
33.3%	33.3% #2B4157	RGB 43 65 87	#2B4157
50.0%	50.0% #223B53	RGB 34 59 83	#223B53
66.7%	66.7% #183550	RGB 24 53 80	#183550
83.3%	83.3% #0F2F4C	RGB 15 47 76	#0F2F4C
100.0%	100.0% #062949	RGB 6 41 73	#062949

#3E4D5E #34475A #2B4157 #223B53 #183550 #0F2F4C #062949

#3E4D5E - #062949

HSV Blend

#3E4D5E - #062949 | 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 #062949 as 100%.

0.0%	0.0% #3E4D5E	RGB 62 77 94	#3E4D5E
16.7%	16.7% #32455A	RGB 50 69 90	#32455A
33.3%	33.3% #283F57	RGB 40 63 87	#283F57
50.0%	50.0% #1E3953	RGB 30 57 83	#1E3953
66.7%	66.7% #153350	RGB 21 51 80	#153350
83.3%	83.3% #0D2D4C	RGB 13 45 76	#0D2D4C
100.0%	100.0% #062949	RGB 6 41 73	#062949

#3E4D5E #32455A #283F57 #1E3953 #153350 #0D2D4C #062949

#3E4D5E - #1E3953 - #062949

CSS codes

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

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