#3D3C26 - #261A00 | 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 #3D3C26 to #261A00

#3D3C26 #261A00

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

#3D3C26 - #261A00 | 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 #3D3C26 as 0% and #261A00 as 100%.

0.0%	0.0% #3D3C26	RGB 61 60 38	#3D3C26
16.7%	16.7% #39361F	RGB 57 54 31	#39361F
33.3%	33.3% #353019	RGB 53 48 25	#353019
50.0%	50.0% #312B13	RGB 49 43 19	#312B13
66.7%	66.7% #2D250C	RGB 45 37 12	#2D250C
83.3%	83.3% #291F06	RGB 41 31 6	#291F06
100.0%	100.0% #261A00	RGB 38 26 0	#261A00

#3D3C26 #39361F #353019 #312B13 #2D250C #291F06 #261A00

#3D3C26 - #261A00

HSV Blend

#3D3C26 - #261A00 | 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 #3D3C26 as 0% and #261A00 as 100%.

0.0%	0.0% #3D3C26	RGB 61 60 38	#3D3C26
16.7%	16.7% #39361D	RGB 57 54 29	#39361D
33.3%	33.3% #353116	RGB 53 49 22	#353116
50.0%	50.0% #312B0F	RGB 49 43 15	#312B0F
66.7%	66.7% #2D2509	RGB 45 37 9	#2D2509
83.3%	83.3% #291F04	RGB 41 31 4	#291F04
100.0%	100.0% #261A00	RGB 38 26 0	#261A00

#3D3C26 #39361D #353116 #312B0F #2D2509 #291F04 #261A00

#3D3C26 - #312B0F - #261A00

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3C26 0%, #312B0F 50%, #261A00 100%);
    background: -webkit-linear-gradient(top, #3D3C26 0%, #312B0F 50%, #261A00 100%);
    background: linear-gradient(to bottom, #3D3C26 0%, #312B0F 50%, #261A00 100%);
}
</style>