#3D5E50 - #0E2D2B | 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 #3D5E50 to #0E2D2B

#3D5E50 #0E2D2B

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

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

0.0%	0.0% #3D5E50	RGB 61 94 80	#3D5E50
16.7%	16.7% #355549	RGB 53 85 73	#355549
33.3%	33.3% #2D4D43	RGB 45 77 67	#2D4D43
50.0%	50.0% #25453D	RGB 37 69 61	#25453D
66.7%	66.7% #1D3D37	RGB 29 61 55	#1D3D37
83.3%	83.3% #153531	RGB 21 53 49	#153531
100.0%	100.0% #0E2D2B	RGB 14 45 43	#0E2D2B

#3D5E50 #355549 #2D4D43 #25453D #1D3D37 #153531 #0E2D2B

#3D5E50 - #0E2D2B

HSV Blend

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

0.0%	0.0% #3D5E50	RGB 61 94 80	#3D5E50
16.7%	16.7% #325549	RGB 50 85 73	#325549
33.3%	33.3% #294D42	RGB 41 77 66	#294D42
50.0%	50.0% #21453C	RGB 33 69 60	#21453C
66.7%	66.7% #193D36	RGB 25 61 54	#193D36
83.3%	83.3% #133530	RGB 19 53 48	#133530
100.0%	100.0% #0E2D2B	RGB 14 45 43	#0E2D2B

#3D5E50 #325549 #294D42 #21453C #193D36 #133530 #0E2D2B

#3D5E50 - #21453C - #0E2D2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5E50 0%, #21453C 50%, #0E2D2B 100%);
    background: -webkit-linear-gradient(top, #3D5E50 0%, #21453C 50%, #0E2D2B 100%);
    background: linear-gradient(to bottom, #3D5E50 0%, #21453C 50%, #0E2D2B 100%);
}
</style>