#3C702B - #C7BF57 | 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 #3C702B to #C7BF57

#3C702B #C7BF57

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

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

0.0%	0.0% #3C702B	RGB 60 112 43	#3C702B
16.7%	16.7% #537D32	RGB 83 125 50	#537D32
33.3%	33.3% #6A8A39	RGB 106 138 57	#6A8A39
50.0%	50.0% #819741	RGB 129 151 65	#819741
66.7%	66.7% #98A448	RGB 152 164 72	#98A448
83.3%	83.3% #AFB14F	RGB 175 177 79	#AFB14F
100.0%	100.0% #C7BF57	RGB 199 191 87	#C7BF57

#3C702B #537D32 #6A8A39 #819741 #98A448 #AFB14F #C7BF57

#3C702B - #C7BF57

HSV Blend

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

0.0%	0.0% #3B702B	RGB 59 112 43	#3B702B
16.7%	16.7% #4F7E31	RGB 79 126 49	#4F7E31
33.3%	33.3% #648D38	RGB 100 141 56	#648D38
50.0%	50.0% #7C9B3F	RGB 124 155 63	#7C9B3F
66.7%	66.7% #95AA47	RGB 149 170 71	#95AA47
83.3%	83.3% #B1B84F	RGB 177 184 79	#B1B84F
100.0%	100.0% #C7BF57	RGB 199 191 87	#C7BF57

#3B702B #4F7E31 #648D38 #7C9B3F #95AA47 #B1B84F #C7BF57

#3C702B - #7C9B3F - #C7BF57

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B702B 0%, #7C9B3F 50%, #C7BF57 100%);
    background: -webkit-linear-gradient(top, #3B702B 0%, #7C9B3F 50%, #C7BF57 100%);
    background: linear-gradient(to bottom, #3B702B 0%, #7C9B3F 50%, #C7BF57 100%);
}
</style>