#3E5C5E - #054649 | 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 #3E5C5E to #054649

#3E5C5E #054649

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

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

0.0%	0.0% #3E5C5E	RGB 62 92 94	#3E5C5E
16.7%	16.7% #34585A	RGB 52 88 90	#34585A
33.3%	33.3% #2B5457	RGB 43 84 87	#2B5457
50.0%	50.0% #215153	RGB 33 81 83	#215153
66.7%	66.7% #184D50	RGB 24 77 80	#184D50
83.3%	83.3% #0E494C	RGB 14 73 76	#0E494C
100.0%	100.0% #054649	RGB 5 70 73	#054649

#3E5C5E #34585A #2B5457 #215153 #184D50 #0E494C #054649

#3E5C5E - #054649

HSV Blend

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

0.0%	0.0% #3E5C5E	RGB 62 92 94	#3E5C5E
16.7%	16.7% #32585A	RGB 50 88 90	#32585A
33.3%	33.3% #285457	RGB 40 84 87	#285457
50.0%	50.0% #1E5053	RGB 30 80 83	#1E5053
66.7%	66.7% #154D50	RGB 21 77 80	#154D50
83.3%	83.3% #0C494C	RGB 12 73 76	#0C494C
100.0%	100.0% #054649	RGB 5 70 73	#054649

#3E5C5E #32585A #285457 #1E5053 #154D50 #0C494C #054649

#3E5C5E - #1E5053 - #054649

CSS codes

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

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