#5E6E62 - #1B514B | 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 #5E6E62 to #1B514B

#5E6E62 #1B514B

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

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

0.0%	0.0% #5E6E62	RGB 94 110 98	#5E6E62
16.7%	16.7% #52695E	RGB 82 105 94	#52695E
33.3%	33.3% #47645A	RGB 71 100 90	#47645A
50.0%	50.0% #3C5F56	RGB 60 95 86	#3C5F56
66.7%	66.7% #315A52	RGB 49 90 82	#315A52
83.3%	83.3% #26554E	RGB 38 85 78	#26554E
100.0%	100.0% #1B514B	RGB 27 81 75	#1B514B

#5E6E62 #52695E #47645A #3C5F56 #315A52 #26554E #1B514B

#5E6E62 - #1B514B

HSV Blend

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

0.0%	0.0% #5E6E62	RGB 94 110 98	#5E6E62
16.7%	16.7% #506959	RGB 80 105 89	#506959
33.3%	33.3% #446453	RGB 68 100 83	#446453
50.0%	50.0% #385F4E	RGB 56 95 78	#385F4E
66.7%	66.7% #2D5A4C	RGB 45 90 76	#2D5A4C
83.3%	83.3% #24554B	RGB 36 85 75	#24554B
100.0%	100.0% #1B514B	RGB 27 81 75	#1B514B

#5E6E62 #506959 #446453 #385F4E #2D5A4C #24554B #1B514B

#5E6E62 - #385F4E - #1B514B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6E62 0%, #385F4E 50%, #1B514B 100%);
    background: -webkit-linear-gradient(top, #5E6E62 0%, #385F4E 50%, #1B514B 100%);
    background: linear-gradient(to bottom, #5E6E62 0%, #385F4E 50%, #1B514B 100%);
}
</style>