#3C7B3C - #145306 | 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 #3C7B3C to #145306

#3C7B3C #145306

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

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

0.0%	0.0% #3C7B3C	RGB 60 123 60	#3C7B3C
16.7%	16.7% #357433	RGB 53 116 51	#357433
33.3%	33.3% #2E6D2A	RGB 46 109 42	#2E6D2A
50.0%	50.0% #286721	RGB 40 103 33	#286721
66.7%	66.7% #216018	RGB 33 96 24	#216018
83.3%	83.3% #1A590F	RGB 26 89 15	#1A590F
100.0%	100.0% #145306	RGB 20 83 6	#145306

#3C7B3C #357433 #2E6D2A #286721 #216018 #1A590F #145306

#3C7B3C - #145306

HSV Blend

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

0.0%	0.0% #3C7B3C	RGB 60 123 60	#3C7B3C
16.7%	16.7% #327430	RGB 50 116 48	#327430
33.3%	33.3% #2A6D26	RGB 42 109 38	#2A6D26
50.0%	50.0% #23671C	RGB 35 103 28	#23671C
66.7%	66.7% #1D6014	RGB 29 96 20	#1D6014
83.3%	83.3% #18590C	RGB 24 89 12	#18590C
100.0%	100.0% #145306	RGB 20 83 6	#145306

#3C7B3C #327430 #2A6D26 #23671C #1D6014 #18590C #145306

#3C7B3C - #23671C - #145306

CSS codes

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

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