#5E7760 - #1A221B | 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 #5E7760 to #1A221B

#5E7760 #1A221B

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

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

0.0%	0.0% #5E7760	RGB 94 119 96	#5E7760
16.7%	16.7% #526854	RGB 82 104 84	#526854
33.3%	33.3% #475A49	RGB 71 90 73	#475A49
50.0%	50.0% #3C4C3D	RGB 60 76 61	#3C4C3D
66.7%	66.7% #303E32	RGB 48 62 50	#303E32
83.3%	83.3% #253026	RGB 37 48 38	#253026
100.0%	100.0% #1A221B	RGB 26 34 27	#1A221B

#5E7760 #526854 #475A49 #3C4C3D #303E32 #253026 #1A221B

#5E7760 - #1A221B

HSV Blend

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

0.0%	0.0% #5E7760	RGB 94 119 96	#5E7760
16.7%	16.7% #526854	RGB 82 104 84	#526854
33.3%	33.3% #465A48	RGB 70 90 72	#465A48
50.0%	50.0% #3B4C3D	RGB 59 76 61	#3B4C3D
66.7%	66.7% #303E31	RGB 48 62 49	#303E31
83.3%	83.3% #253026	RGB 37 48 38	#253026
100.0%	100.0% #1A221B	RGB 26 34 27	#1A221B

#5E7760 #526854 #465A48 #3B4C3D #303E31 #253026 #1A221B

#5E7760 - #3B4C3D - #1A221B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7760 0%, #3B4C3D 50%, #1A221B 100%);
    background: -webkit-linear-gradient(top, #5E7760 0%, #3B4C3D 50%, #1A221B 100%);
    background: linear-gradient(to bottom, #5E7760 0%, #3B4C3D 50%, #1A221B 100%);
}
</style>