#3E5E50 - #0A3224 | 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 #3E5E50 to #0A3224

#3E5E50 #0A3224

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

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

0.0%	0.0% #3E5E50	RGB 62 94 80	#3E5E50
16.7%	16.7% #355648	RGB 53 86 72	#355648
33.3%	33.3% #2C4F41	RGB 44 79 65	#2C4F41
50.0%	50.0% #24483A	RGB 36 72 58	#24483A
66.7%	66.7% #1B4032	RGB 27 64 50	#1B4032
83.3%	83.3% #12392B	RGB 18 57 43	#12392B
100.0%	100.0% #0A3224	RGB 10 50 36	#0A3224

#3E5E50 #355648 #2C4F41 #24483A #1B4032 #12392B #0A3224

#3E5E50 - #0A3224

HSV Blend

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

0.0%	0.0% #3E5E50	RGB 62 94 80	#3E5E50
16.7%	16.7% #325647	RGB 50 86 71	#325647
33.3%	33.3% #284F3F	RGB 40 79 63	#284F3F
50.0%	50.0% #1E4837	RGB 30 72 55	#1E4837
66.7%	66.7% #164030	RGB 22 64 48	#164030
83.3%	83.3% #0F392A	RGB 15 57 42	#0F392A
100.0%	100.0% #0A3224	RGB 10 50 36	#0A3224

#3E5E50 #325647 #284F3F #1E4837 #164030 #0F392A #0A3224

#3E5E50 - #1E4837 - #0A3224

CSS codes

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

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