#1C541A - #658D5E | 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 #1C541A to #658D5E

#1C541A #658D5E

Calculate the color between two colors, #1C541A and #658D5E. 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)

#1C541A - #658D5E | 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 #1C541A as 0% and #658D5E as 100%.

0.0%	0.0% #1C541A	RGB 28 84 26	#1C541A
16.7%	16.7% #285D25	RGB 40 93 37	#285D25
33.3%	33.3% #346730	RGB 52 103 48	#346730
50.0%	50.0% #40703C	RGB 64 112 60	#40703C
66.7%	66.7% #4C7A47	RGB 76 122 71	#4C7A47
83.3%	83.3% #588352	RGB 88 131 82	#588352
100.0%	100.0% #658D5E	RGB 101 141 94	#658D5E

#1C541A #285D25 #346730 #40703C #4C7A47 #588352 #658D5E

#1C541A - #658D5E

HSV Blend

#1C541A - #658D5E | 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 #1C541A as 0% and #658D5E as 100%.

0.0%	0.0% #1C541A	RGB 28 84 26	#1C541A
16.7%	16.7% #255D22	RGB 37 93 34	#255D22
33.3%	33.3% #30672C	RGB 48 103 44	#30672C
50.0%	50.0% #3C7036	RGB 60 112 54	#3C7036
66.7%	66.7% #487A42	RGB 72 122 66	#487A42
83.3%	83.3% #56834F	RGB 86 131 79	#56834F
100.0%	100.0% #658D5E	RGB 101 141 94	#658D5E

#1C541A #255D22 #30672C #3C7036 #487A42 #56834F #658D5E

#1C541A - #3C7036 - #658D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C541A 0%, #3C7036 50%, #658D5E 100%);
    background: -webkit-linear-gradient(top, #1C541A 0%, #3C7036 50%, #658D5E 100%);
    background: linear-gradient(to bottom, #1C541A 0%, #3C7036 50%, #658D5E 100%);
}
</style>