#536C5E - #14392C | 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 #536C5E to #14392C

#536C5E #14392C

Calculate the color between two colors, #536C5E and #14392C. 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)

#536C5E - #14392C | 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 #536C5E as 0% and #14392C as 100%.

0.0%	0.0% #536C5E	RGB 83 108 94	#536C5E
16.7%	16.7% #486355	RGB 72 99 85	#486355
33.3%	33.3% #3E5B4D	RGB 62 91 77	#3E5B4D
50.0%	50.0% #335245	RGB 51 82 69	#335245
66.7%	66.7% #294A3C	RGB 41 74 60	#294A3C
83.3%	83.3% #1E4134	RGB 30 65 52	#1E4134
100.0%	100.0% #14392C	RGB 20 57 44	#14392C

#536C5E #486355 #3E5B4D #335245 #294A3C #1E4134 #14392C

#536C5E - #14392C

HSV Blend

#536C5E - #14392C | 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 #536C5E as 0% and #14392C as 100%.

0.0%	0.0% #536C5E	RGB 83 108 94	#536C5E
16.7%	16.7% #456353	RGB 69 99 83	#456353
33.3%	33.3% #395B4A	RGB 57 91 74	#395B4A
50.0%	50.0% #2E5241	RGB 46 82 65	#2E5241
66.7%	66.7% #244A3A	RGB 36 74 58	#244A3A
83.3%	83.3% #1B4132	RGB 27 65 50	#1B4132
100.0%	100.0% #14392C	RGB 20 57 44	#14392C

#536C5E #456353 #395B4A #2E5241 #244A3A #1B4132 #14392C

#536C5E - #2E5241 - #14392C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #536C5E 0%, #2E5241 50%, #14392C 100%);
    background: -webkit-linear-gradient(top, #536C5E 0%, #2E5241 50%, #14392C 100%);
    background: linear-gradient(to bottom, #536C5E 0%, #2E5241 50%, #14392C 100%);
}
</style>