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

#335D5E #201D1C

Calculate the color between two colors, #335D5E 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)

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

0.0%	0.0% #335D5E	RGB 51 93 94	#335D5E
16.7%	16.7% #2F5253	RGB 47 82 83	#2F5253
33.3%	33.3% #2C4748	RGB 44 71 72	#2C4748
50.0%	50.0% #293D3D	RGB 41 61 61	#293D3D
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

#335D5E #2F5253 #2C4748 #293D3D #263232 #232727 #201D1C

#335D5E - #201D1C

HSV Blend

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

0.0%	0.0% #335D5E	RGB 51 93 94	#335D5E
16.7%	16.7% #325344	RGB 50 83 68	#325344
33.3%	33.3% #2F4932	RGB 47 73 50	#2F4932
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

#335D5E #325344 #2F4932 #333F2C #323428 #2A2822 #201D1C

#335D5E - #333F2C - #201D1C

CSS codes

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

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