#5E826D - #1A3419 | 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 #5E826D to #1A3419

#5E826D #1A3419

Calculate the color between two colors, #5E826D and #1A3419. 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)

#5E826D - #1A3419 | 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 #5E826D as 0% and #1A3419 as 100%.

0.0%	0.0% #5E826D	RGB 94 130 109	#5E826D
16.7%	16.7% #52755F	RGB 82 117 95	#52755F
33.3%	33.3% #476851	RGB 71 104 81	#476851
50.0%	50.0% #3C5B43	RGB 60 91 67	#3C5B43
66.7%	66.7% #304E35	RGB 48 78 53	#304E35
83.3%	83.3% #254127	RGB 37 65 39	#254127
100.0%	100.0% #1A3419	RGB 26 52 25	#1A3419

#5E826D #52755F #476851 #3C5B43 #304E35 #254127 #1A3419

#5E826D - #1A3419

HSV Blend

#5E826D - #1A3419 | 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 #5E826D as 0% and #1A3419 as 100%.

0.0%	0.0% #5E826D	RGB 94 130 109	#5E826D
16.7%	16.7% #4F755C	RGB 79 117 92	#4F755C
33.3%	33.3% #42684C	RGB 66 104 76	#42684C
50.0%	50.0% #365B3D	RGB 54 91 61	#365B3D
66.7%	66.7% #2B4E2F	RGB 43 78 47	#2B4E2F
83.3%	83.3% #214123	RGB 33 65 35	#214123
100.0%	100.0% #1A3419	RGB 26 52 25	#1A3419

#5E826D #4F755C #42684C #365B3D #2B4E2F #214123 #1A3419

#5E826D - #365B3D - #1A3419

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E826D 0%, #365B3D 50%, #1A3419 100%);
    background: -webkit-linear-gradient(top, #5E826D 0%, #365B3D 50%, #1A3419 100%);
    background: linear-gradient(to bottom, #5E826D 0%, #365B3D 50%, #1A3419 100%);
}
</style>