#345D5E - #201D1C | 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 #345D5E to #201D1C

#345D5E #201D1C

Calculate the color between two colors, #345D5E and #201D1C. 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)

#345D5E - #201D1C | 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 #345D5E as 0% and #201D1C as 100%.

0.0%	0.0% #345D5E	RGB 52 93 94	#345D5E
16.7%	16.7% #305253	RGB 48 82 83	#305253
33.3%	33.3% #2D4748	RGB 45 71 72	#2D4748
50.0%	50.0% #2A3D3D	RGB 42 61 61	#2A3D3D
66.7%	66.7% #263232	RGB 38 50 50	#263232
83.3%	83.3% #232727	RGB 35 39 39	#232727
100.0%	100.0% #201D1C	RGB 32 29 28	#201D1C

#345D5E #305253 #2D4748 #2A3D3D #263232 #232727 #201D1C

#345D5E - #201D1C

HSV Blend

#345D5E - #201D1C | 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 #345D5E as 0% and #201D1C as 100%.

0.0%	0.0% #345D5E	RGB 52 93 94	#345D5E
16.7%	16.7% #325345	RGB 50 83 69	#325345
33.3%	33.3% #304932	RGB 48 73 50	#304932
50.0%	50.0% #333F2C	RGB 51 63 44	#333F2C
66.7%	66.7% #323428	RGB 50 52 40	#323428
83.3%	83.3% #2A2822	RGB 42 40 34	#2A2822
100.0%	100.0% #201D1C	RGB 32 29 28	#201D1C

#345D5E #325345 #304932 #333F2C #323428 #2A2822 #201D1C

#345D5E - #333F2C - #201D1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #345D5E 0%, #333F2C 50%, #201D1C 100%);
    background: -webkit-linear-gradient(top, #345D5E 0%, #333F2C 50%, #201D1C 100%);
    background: linear-gradient(to bottom, #345D5E 0%, #333F2C 50%, #201D1C 100%);
}
</style>