#3D5C5E - #201D1D | 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 #3D5C5E to #201D1D

#3D5C5E #201D1D

Calculate the color between two colors, #3D5C5E and #201D1D. 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)

#3D5C5E - #201D1D | 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 #3D5C5E as 0% and #201D1D as 100%.

0.0%	0.0% #3D5C5E	RGB 61 92 94	#3D5C5E
16.7%	16.7% #385153	RGB 56 81 83	#385153
33.3%	33.3% #334748	RGB 51 71 72	#334748
50.0%	50.0% #2E3C3D	RGB 46 60 61	#2E3C3D
66.7%	66.7% #293232	RGB 41 50 50	#293232
83.3%	83.3% #242727	RGB 36 39 39	#242727
100.0%	100.0% #201D1D	RGB 32 29 29	#201D1D

#3D5C5E #385153 #334748 #2E3C3D #293232 #242727 #201D1D

#3D5C5E - #201D1D

HSV Blend

#3D5C5E - #201D1D | 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 #3D5C5E as 0% and #201D1D as 100%.

0.0%	0.0% #3D5C5E	RGB 61 92 94	#3D5C5E
16.7%	16.7% #394553	RGB 57 69 83	#394553
33.3%	33.3% #363549	RGB 54 53 73	#363549
50.0%	50.0% #38303F	RGB 56 48 63	#38303F
66.7%	66.7% #342B34	RGB 52 43 52	#342B34
83.3%	83.3% #2A2427	RGB 42 36 39	#2A2427
100.0%	100.0% #201D1D	RGB 32 29 29	#201D1D

#3D5C5E #394553 #363549 #38303F #342B34 #2A2427 #201D1D

#3D5C5E - #38303F - #201D1D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5C5E 0%, #38303F 50%, #201D1D 100%);
    background: -webkit-linear-gradient(top, #3D5C5E 0%, #38303F 50%, #201D1D 100%);
    background: linear-gradient(to bottom, #3D5C5E 0%, #38303F 50%, #201D1D 100%);
}
</style>