#5E7663 - #1A211B | 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 #5E7663 to #1A211B

#5E7663 #1A211B

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

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

0.0%	0.0% #5E7663	RGB 94 118 99	#5E7663
16.7%	16.7% #526757	RGB 82 103 87	#526757
33.3%	33.3% #47594B	RGB 71 89 75	#47594B
50.0%	50.0% #3C4B3F	RGB 60 75 63	#3C4B3F
66.7%	66.7% #303D33	RGB 48 61 51	#303D33
83.3%	83.3% #252F27	RGB 37 47 39	#252F27
100.0%	100.0% #1A211B	RGB 26 33 27	#1A211B

#5E7663 #526757 #47594B #3C4B3F #303D33 #252F27 #1A211B

#5E7663 - #1A211B

HSV Blend

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

0.0%	0.0% #5E7663	RGB 94 118 99	#5E7663
16.7%	16.7% #526756	RGB 82 103 86	#526756
33.3%	33.3% #47594A	RGB 71 89 74	#47594A
50.0%	50.0% #3B4B3E	RGB 59 75 62	#3B4B3E
66.7%	66.7% #303D32	RGB 48 61 50	#303D32
83.3%	83.3% #252F26	RGB 37 47 38	#252F26
100.0%	100.0% #1A211B	RGB 26 33 27	#1A211B

#5E7663 #526756 #47594A #3B4B3E #303D32 #252F26 #1A211B

#5E7663 - #3B4B3E - #1A211B

CSS codes

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

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