#3C723C - #134E06 | 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 #3C723C to #134E06

#3C723C #134E06

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

#3C723C - #134E06 | 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 #3C723C as 0% and #134E06 as 100%.

0.0%	0.0% #3C723C	RGB 60 114 60	#3C723C
16.7%	16.7% #356C33	RGB 53 108 51	#356C33
33.3%	33.3% #2E662A	RGB 46 102 42	#2E662A
50.0%	50.0% #276021	RGB 39 96 33	#276021
66.7%	66.7% #205A18	RGB 32 90 24	#205A18
83.3%	83.3% #19540F	RGB 25 84 15	#19540F
100.0%	100.0% #134E06	RGB 19 78 6	#134E06

#3C723C #356C33 #2E662A #276021 #205A18 #19540F #134E06

#3C723C - #134E06

HSV Blend

#3C723C - #134E06 | 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 #3C723C as 0% and #134E06 as 100%.

0.0%	0.0% #3C723C	RGB 60 114 60	#3C723C
16.7%	16.7% #326C30	RGB 50 108 48	#326C30
33.3%	33.3% #2A6626	RGB 42 102 38	#2A6626
50.0%	50.0% #23601C	RGB 35 96 28	#23601C
66.7%	66.7% #1C5A14	RGB 28 90 20	#1C5A14
83.3%	83.3% #17540C	RGB 23 84 12	#17540C
100.0%	100.0% #134E06	RGB 19 78 6	#134E06

#3C723C #326C30 #2A6626 #23601C #1C5A14 #17540C #134E06

#3C723C - #23601C - #134E06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C723C 0%, #23601C 50%, #134E06 100%);
    background: -webkit-linear-gradient(top, #3C723C 0%, #23601C 50%, #134E06 100%);
    background: linear-gradient(to bottom, #3C723C 0%, #23601C 50%, #134E06 100%);
}
</style>