#3D3F33 - #1D2701 | 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 #3D3F33 to #1D2701

#3D3F33 #1D2701

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

#3D3F33 - #1D2701 | 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 #3D3F33 as 0% and #1D2701 as 100%.

0.0%	0.0% #3D3F33	RGB 61 63 51	#3D3F33
16.7%	16.7% #373B2A	RGB 55 59 42	#373B2A
33.3%	33.3% #323722	RGB 50 55 34	#323722
50.0%	50.0% #2D331A	RGB 45 51 26	#2D331A
66.7%	66.7% #272F11	RGB 39 47 17	#272F11
83.3%	83.3% #222B09	RGB 34 43 9	#222B09
100.0%	100.0% #1D2701	RGB 29 39 1	#1D2701

#3D3F33 #373B2A #323722 #2D331A #272F11 #222B09 #1D2701

#3D3F33 - #1D2701

HSV Blend

#3D3F33 - #1D2701 | 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 #3D3F33 as 0% and #1D2701 as 100%.

0.0%	0.0% #3D3F33	RGB 61 63 51	#3D3F33
16.7%	16.7% #373B28	RGB 55 59 40	#373B28
33.3%	33.3% #32371E	RGB 50 55 30	#32371E
50.0%	50.0% #2C3315	RGB 44 51 21	#2C3315
66.7%	66.7% #272F0D	RGB 39 47 13	#272F0D
83.3%	83.3% #222B06	RGB 34 43 6	#222B06
100.0%	100.0% #1D2701	RGB 29 39 1	#1D2701

#3D3F33 #373B28 #32371E #2C3315 #272F0D #222B06 #1D2701

#3D3F33 - #2C3315 - #1D2701

CSS codes

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

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