#3D5650 - #171917 | 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 #3D5650 to #171917

#3D5650 #171917

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

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

0.0%	0.0% #3D5650	RGB 61 86 80	#3D5650
16.7%	16.7% #364B46	RGB 54 75 70	#364B46
33.3%	33.3% #30413D	RGB 48 65 61	#30413D
50.0%	50.0% #2A3733	RGB 42 55 51	#2A3733
66.7%	66.7% #232D2A	RGB 35 45 42	#232D2A
83.3%	83.3% #1D2320	RGB 29 35 32	#1D2320
100.0%	100.0% #171917	RGB 23 25 23	#171917

#3D5650 #364B46 #30413D #2A3733 #232D2A #1D2320 #171917

#3D5650 - #171917

HSV Blend

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

0.0%	0.0% #3D5650	RGB 61 86 80	#3D5650
16.7%	16.7% #384B44	RGB 56 75 68	#384B44
33.3%	33.3% #33413A	RGB 51 65 58	#33413A
50.0%	50.0% #2D3731	RGB 45 55 49	#2D3731
66.7%	66.7% #262D28	RGB 38 45 40	#262D28
83.3%	83.3% #1F231F	RGB 31 35 31	#1F231F
100.0%	100.0% #171917	RGB 23 25 23	#171917

#3D5650 #384B44 #33413A #2D3731 #262D28 #1F231F #171917

#3D5650 - #2D3731 - #171917

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5650 0%, #2D3731 50%, #171917 100%);
    background: -webkit-linear-gradient(top, #3D5650 0%, #2D3731 50%, #171917 100%);
    background: linear-gradient(to bottom, #3D5650 0%, #2D3731 50%, #171917 100%);
}
</style>