#3C4E5E - #043242 | 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 #3C4E5E to #043242

#3C4E5E #043242

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

#3C4E5E - #043242 | 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 #3C4E5E as 0% and #043242 as 100%.

0.0%	0.0% #3C4E5E	RGB 60 78 94	#3C4E5E
16.7%	16.7% #324959	RGB 50 73 89	#324959
33.3%	33.3% #294454	RGB 41 68 84	#294454
50.0%	50.0% #204050	RGB 32 64 80	#204050
66.7%	66.7% #163B4B	RGB 22 59 75	#163B4B
83.3%	83.3% #0D3646	RGB 13 54 70	#0D3646
100.0%	100.0% #043242	RGB 4 50 66	#043242

#3C4E5E #324959 #294454 #204050 #163B4B #0D3646 #043242

#3C4E5E - #043242

HSV Blend

#3C4E5E - #043242 | 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 #3C4E5E as 0% and #043242 as 100%.

0.0%	0.0% #3C4E5E	RGB 60 78 94	#3C4E5E
16.7%	16.7% #304759	RGB 48 71 89	#304759
33.3%	33.3% #254154	RGB 37 65 84	#254154
50.0%	50.0% #1B3D50	RGB 27 61 80	#1B3D50
66.7%	66.7% #13384B	RGB 19 56 75	#13384B
83.3%	83.3% #0B3546	RGB 11 53 70	#0B3546
100.0%	100.0% #043242	RGB 4 50 66	#043242

#3C4E5E #304759 #254154 #1B3D50 #13384B #0B3546 #043242

#3C4E5E - #1B3D50 - #043242

CSS codes

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

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