#527E5E - #18432F | 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 #527E5E to #18432F

#527E5E #18432F

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

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

0.0%	0.0% #527E5E	RGB 82 126 94	#527E5E
16.7%	16.7% #487456	RGB 72 116 86	#487456
33.3%	33.3% #3E6A4E	RGB 62 106 78	#3E6A4E
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% #18432F	RGB 24 67 47	#18432F

#527E5E #487456 #3E6A4E #356046 #2B563E #214C36 #18432F

#527E5E - #18432F

HSV Blend

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

0.0%	0.0% #527E5E	RGB 82 126 94	#527E5E
16.7%	16.7% #457454	RGB 69 116 84	#457454
33.3%	33.3% #3A6A4B	RGB 58 106 75	#3A6A4B
50.0%	50.0% #306043	RGB 48 96 67	#306043
66.7%	66.7% #27563C	RGB 39 86 60	#27563C
83.3%	83.3% #1F4C35	RGB 31 76 53	#1F4C35
100.0%	100.0% #18432F	RGB 24 67 47	#18432F

#527E5E #457454 #3A6A4B #306043 #27563C #1F4C35 #18432F

#527E5E - #306043 - #18432F

CSS codes

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

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