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

#3C3E00 #131B08

Calculate the color between two colors, #3C3E00 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)

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

0.0%	0.0% #3C3E00	RGB 60 62 0	#3C3E00
16.7%	16.7% #353801	RGB 53 56 1	#353801
33.3%	33.3% #2E3202	RGB 46 50 2	#2E3202
50.0%	50.0% #272C04	RGB 39 44 4	#272C04
66.7%	66.7% #202605	RGB 32 38 5	#202605
83.3%	83.3% #192006	RGB 25 32 6	#192006
100.0%	100.0% #131B08	RGB 19 27 8	#131B08

#3C3E00 #353801 #2E3202 #272C04 #202605 #192006 #131B08

#3C3E00 - #131B08

HSV Blend

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

0.0%	0.0% #3C3E00	RGB 60 62 0	#3C3E00
16.7%	16.7% #323802	RGB 50 56 2	#323802
33.3%	33.3% #2A3204	RGB 42 50 4	#2A3204
50.0%	50.0% #232C06	RGB 35 44 6	#232C06
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

#3C3E00 #323802 #2A3204 #232C06 #1D2607 #182008 #131B08

#3C3E00 - #232C06 - #131B08

CSS codes

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

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