#526B5E - #13392C | 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 #526B5E to #13392C

#526B5E #13392C

Calculate the color between two colors, #526B5E and #13392C. 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)

#526B5E - #13392C | 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 #526B5E as 0% and #13392C as 100%.

0.0%	0.0% #526B5E	RGB 82 107 94	#526B5E
16.7%	16.7% #476255	RGB 71 98 85	#476255
33.3%	33.3% #3D5A4D	RGB 61 90 77	#3D5A4D
50.0%	50.0% #325245	RGB 50 82 69	#325245
66.7%	66.7% #28493C	RGB 40 73 60	#28493C
83.3%	83.3% #1D4134	RGB 29 65 52	#1D4134
100.0%	100.0% #13392C	RGB 19 57 44	#13392C

#526B5E #476255 #3D5A4D #325245 #28493C #1D4134 #13392C

#526B5E - #13392C

HSV Blend

#526B5E - #13392C | 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 #526B5E as 0% and #13392C as 100%.

0.0%	0.0% #526B5E	RGB 82 107 94	#526B5E
16.7%	16.7% #446253	RGB 68 98 83	#446253
33.3%	33.3% #385A4A	RGB 56 90 74	#385A4A
50.0%	50.0% #2D5242	RGB 45 82 66	#2D5242
66.7%	66.7% #23493A	RGB 35 73 58	#23493A
83.3%	83.3% #1A4132	RGB 26 65 50	#1A4132
100.0%	100.0% #13392C	RGB 19 57 44	#13392C

#526B5E #446253 #385A4A #2D5242 #23493A #1A4132 #13392C

#526B5E - #2D5242 - #13392C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #526B5E 0%, #2D5242 50%, #13392C 100%);
    background: -webkit-linear-gradient(top, #526B5E 0%, #2D5242 50%, #13392C 100%);
    background: linear-gradient(to bottom, #526B5E 0%, #2D5242 50%, #13392C 100%);
}
</style>