#3D3E00 - #131B08 | 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 #3D3E00 to #131B08

#3D3E00 #131B08

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

#3D3E00 - #131B08 | 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 #3D3E00 as 0% and #131B08 as 100%.

0.0%	0.0% #3D3E00	RGB 61 62 0	#3D3E00
16.7%	16.7% #363801	RGB 54 56 1	#363801
33.3%	33.3% #2F3202	RGB 47 50 2	#2F3202
50.0%	50.0% #282C04	RGB 40 44 4	#282C04
66.7%	66.7% #212605	RGB 33 38 5	#212605
83.3%	83.3% #1A2006	RGB 26 32 6	#1A2006
100.0%	100.0% #131B08	RGB 19 27 8	#131B08

#3D3E00 #363801 #2F3202 #282C04 #212605 #1A2006 #131B08

#3D3E00 - #131B08

HSV Blend

#3D3E00 - #131B08 | 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 #3D3E00 as 0% and #131B08 as 100%.

0.0%	0.0% #3D3E00	RGB 61 62 0	#3D3E00
16.7%	16.7% #333802	RGB 51 56 2	#333802
33.3%	33.3% #2B3204	RGB 43 50 4	#2B3204
50.0%	50.0% #242C06	RGB 36 44 6	#242C06
66.7%	66.7% #1D2607	RGB 29 38 7	#1D2607
83.3%	83.3% #182008	RGB 24 32 8	#182008
100.0%	100.0% #131B08	RGB 19 27 8	#131B08

#3D3E00 #333802 #2B3204 #242C06 #1D2607 #182008 #131B08

#3D3E00 - #242C06 - #131B08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3E00 0%, #242C06 50%, #131B08 100%);
    background: -webkit-linear-gradient(top, #3D3E00 0%, #242C06 50%, #131B08 100%);
    background: linear-gradient(to bottom, #3D3E00 0%, #242C06 50%, #131B08 100%);
}
</style>