#3C5E04 - #131019 | 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 #3C5E04 to #131019

#3C5E04 #131019

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

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

0.0%	0.0% #3C5E04	RGB 60 94 4	#3C5E04
16.7%	16.7% #355107	RGB 53 81 7	#355107
33.3%	33.3% #2E440B	RGB 46 68 11	#2E440B
50.0%	50.0% #27370E	RGB 39 55 14	#27370E
66.7%	66.7% #202A12	RGB 32 42 18	#202A12
83.3%	83.3% #191D15	RGB 25 29 21	#191D15
100.0%	100.0% #131019	RGB 19 16 25	#131019

#3C5E04 #355107 #2E440B #27370E #202A12 #191D15 #131019

#3C5E04 - #131019

HSV Blend

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

0.0%	0.0% #3C5E03	RGB 60 94 3	#3C5E03
16.7%	16.7% #14520B	RGB 20 82 11	#14520B
33.3%	33.3% #114724	RGB 17 71 36	#114724
50.0%	50.0% #143B35	RGB 20 59 53	#143B35
66.7%	66.7% #152630	RGB 21 38 48	#152630
83.3%	83.3% #131624	RGB 19 22 36	#131624
100.0%	100.0% #131019	RGB 19 16 25	#131019

#3C5E03 #14520B #114724 #143B35 #152630 #131624 #131019

#3C5E04 - #143B35 - #131019

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E03 0%, #143B35 50%, #131019 100%);
    background: -webkit-linear-gradient(top, #3C5E03 0%, #143B35 50%, #131019 100%);
    background: linear-gradient(to bottom, #3C5E03 0%, #143B35 50%, #131019 100%);
}
</style>