#3C4D5E - #051C4E | 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 #3C4D5E to #051C4E

#3C4D5E #051C4E

Calculate the color between two colors, #3C4D5E and #051C4E. 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)

#3C4D5E - #051C4E | 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 #3C4D5E as 0% and #051C4E as 100%.

0.0%	0.0% #3C4D5E	RGB 60 77 94	#3C4D5E
16.7%	16.7% #32445B	RGB 50 68 91	#32445B
33.3%	33.3% #293C58	RGB 41 60 88	#293C58
50.0%	50.0% #203456	RGB 32 52 86	#203456
66.7%	66.7% #172C53	RGB 23 44 83	#172C53
83.3%	83.3% #0E2450	RGB 14 36 80	#0E2450
100.0%	100.0% #051C4E	RGB 5 28 78	#051C4E

#3C4D5E #32445B #293C58 #203456 #172C53 #0E2450 #051C4E

#3C4D5E - #051C4E

HSV Blend

#3C4D5E - #051C4E | 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 #3C4D5E as 0% and #051C4E as 100%.

0.0%	0.0% #3C4D5E	RGB 60 77 94	#3C4D5E
16.7%	16.7% #31455B	RGB 49 69 91	#31455B
33.3%	33.3% #273D58	RGB 39 61 88	#273D58
50.0%	50.0% #1E3456	RGB 30 52 86	#1E3456
66.7%	66.7% #152C53	RGB 21 44 83	#152C53
83.3%	83.3% #0C2450	RGB 12 36 80	#0C2450
100.0%	100.0% #051C4E	RGB 5 28 78	#051C4E

#3C4D5E #31455B #273D58 #1E3456 #152C53 #0C2450 #051C4E

#3C4D5E - #1E3456 - #051C4E

CSS codes

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

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