#3B5E4C - #0A3022 | 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 #3B5E4C to #0A3022

#3B5E4C #0A3022

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

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

0.0%	0.0% #3B5E4C	RGB 59 94 76	#3B5E4C
16.7%	16.7% #325645	RGB 50 86 69	#325645
33.3%	33.3% #2A4E3E	RGB 42 78 62	#2A4E3E
50.0%	50.0% #224737	RGB 34 71 55	#224737
66.7%	66.7% #1A3F30	RGB 26 63 48	#1A3F30
83.3%	83.3% #123729	RGB 18 55 41	#123729
100.0%	100.0% #0A3022	RGB 10 48 34	#0A3022

#3B5E4C #325645 #2A4E3E #224737 #1A3F30 #123729 #0A3022

#3B5E4C - #0A3022

HSV Blend

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

0.0%	0.0% #3B5E4C	RGB 59 94 76	#3B5E4C
16.7%	16.7% #305643	RGB 48 86 67	#305643
33.3%	33.3% #264E3B	RGB 38 78 59	#264E3B
50.0%	50.0% #1D4734	RGB 29 71 52	#1D4734
66.7%	66.7% #163F2E	RGB 22 63 46	#163F2E
83.3%	83.3% #0F3727	RGB 15 55 39	#0F3727
100.0%	100.0% #0A3022	RGB 10 48 34	#0A3022

#3B5E4C #305643 #264E3B #1D4734 #163F2E #0F3727 #0A3022

#3B5E4C - #1D4734 - #0A3022

CSS codes

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

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