#3B533B - #103D02 | 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 #3B533B to #103D02

#3B533B #103D02

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

#3B533B - #103D02 | 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 #3B533B as 0% and #103D02 as 100%.

0.0%	0.0% #3B533B	RGB 59 83 59	#3B533B
16.7%	16.7% #334F31	RGB 51 79 49	#334F31
33.3%	33.3% #2C4B28	RGB 44 75 40	#2C4B28
50.0%	50.0% #25481E	RGB 37 72 30	#25481E
66.7%	66.7% #1E4415	RGB 30 68 21	#1E4415
83.3%	83.3% #17400B	RGB 23 64 11	#17400B
100.0%	100.0% #103D02	RGB 16 61 2	#103D02

#3B533B #334F31 #2C4B28 #25481E #1E4415 #17400B #103D02

#3B533B - #103D02

HSV Blend

#3B533B - #103D02 | 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 #3B533B as 0% and #103D02 as 100%.

0.0%	0.0% #3B533B	RGB 59 83 59	#3B533B
16.7%	16.7% #304F2F	RGB 48 79 47	#304F2F
33.3%	33.3% #274B24	RGB 39 75 36	#274B24
50.0%	50.0% #20481A	RGB 32 72 26	#20481A
66.7%	66.7% #194411	RGB 25 68 17	#194411
83.3%	83.3% #144009	RGB 20 64 9	#144009
100.0%	100.0% #103D02	RGB 16 61 2	#103D02

#3B533B #304F2F #274B24 #20481A #194411 #144009 #103D02

#3B533B - #20481A - #103D02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B533B 0%, #20481A 50%, #103D02 100%);
    background: -webkit-linear-gradient(top, #3B533B 0%, #20481A 50%, #103D02 100%);
    background: linear-gradient(to bottom, #3B533B 0%, #20481A 50%, #103D02 100%);
}
</style>