#527D5E - #18432E | 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 #527D5E to #18432E

#527D5E #18432E

Calculate the color between two colors, #527D5E and #18432E. 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)

#527D5E - #18432E | 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 #527D5E as 0% and #18432E as 100%.

0.0%	0.0% #527D5E	RGB 82 125 94	#527D5E
16.7%	16.7% #487356	RGB 72 115 86	#487356
33.3%	33.3% #3E694E	RGB 62 105 78	#3E694E
50.0%	50.0% #356046	RGB 53 96 70	#356046
66.7%	66.7% #2B563E	RGB 43 86 62	#2B563E
83.3%	83.3% #214C36	RGB 33 76 54	#214C36
100.0%	100.0% #18432E	RGB 24 67 46	#18432E

#527D5E #487356 #3E694E #356046 #2B563E #214C36 #18432E

#527D5E - #18432E

HSV Blend

#527D5E - #18432E | 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 #527D5E as 0% and #18432E as 100%.

0.0%	0.0% #527D5E	RGB 82 125 94	#527D5E
16.7%	16.7% #457354	RGB 69 115 84	#457354
33.3%	33.3% #3A694B	RGB 58 105 75	#3A694B
50.0%	50.0% #306043	RGB 48 96 67	#306043
66.7%	66.7% #27563B	RGB 39 86 59	#27563B
83.3%	83.3% #1F4C34	RGB 31 76 52	#1F4C34
100.0%	100.0% #18432E	RGB 24 67 46	#18432E

#527D5E #457354 #3A694B #306043 #27563B #1F4C34 #18432E

#527D5E - #306043 - #18432E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #527D5E 0%, #306043 50%, #18432E 100%);
    background: -webkit-linear-gradient(top, #527D5E 0%, #306043 50%, #18432E 100%);
    background: linear-gradient(to bottom, #527D5E 0%, #306043 50%, #18432E 100%);
}
</style>