#5E8276 - #19341D | 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 #5E8276 to #19341D

#5E8276 #19341D

Calculate the color between two colors, #5E8276 and #19341D. 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)

#5E8276 - #19341D | 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 #5E8276 as 0% and #19341D as 100%.

0.0%	0.0% #5E8276	RGB 94 130 118	#5E8276
16.7%	16.7% #527567	RGB 82 117 103	#527567
33.3%	33.3% #476858	RGB 71 104 88	#476858
50.0%	50.0% #3B5B49	RGB 59 91 73	#3B5B49
66.7%	66.7% #304E3A	RGB 48 78 58	#304E3A
83.3%	83.3% #24412B	RGB 36 65 43	#24412B
100.0%	100.0% #19341D	RGB 25 52 29	#19341D

#5E8276 #527567 #476858 #3B5B49 #304E3A #24412B #19341D

#5E8276 - #19341D

HSV Blend

#5E8276 - #19341D | 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 #5E8276 as 0% and #19341D as 100%.

0.0%	0.0% #5E8276	RGB 94 130 118	#5E8276
16.7%	16.7% #4F7565	RGB 79 117 101	#4F7565
33.3%	33.3% #426855	RGB 66 104 85	#426855
50.0%	50.0% #365B45	RGB 54 91 69	#365B45
66.7%	66.7% #2B4E36	RGB 43 78 54	#2B4E36
83.3%	83.3% #214129	RGB 33 65 41	#214129
100.0%	100.0% #19341D	RGB 25 52 29	#19341D

#5E8276 #4F7565 #426855 #365B45 #2B4E36 #214129 #19341D

#5E8276 - #365B45 - #19341D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8276 0%, #365B45 50%, #19341D 100%);
    background: -webkit-linear-gradient(top, #5E8276 0%, #365B45 50%, #19341D 100%);
    background: linear-gradient(to bottom, #5E8276 0%, #365B45 50%, #19341D 100%);
}
</style>