#5E7E82 - #134C4F | 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 #5E7E82 to #134C4F

#5E7E82 #134C4F

Calculate the color between two colors, #5E7E82 and #134C4F. 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)

#5E7E82 - #134C4F | 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 #5E7E82 as 0% and #134C4F as 100%.

0.0%	0.0% #5E7E82	RGB 94 126 130	#5E7E82
16.7%	16.7% #517579	RGB 81 117 121	#517579
33.3%	33.3% #456D71	RGB 69 109 113	#456D71
50.0%	50.0% #386568	RGB 56 101 104	#386568
66.7%	66.7% #2C5C60	RGB 44 92 96	#2C5C60
83.3%	83.3% #1F5457	RGB 31 84 87	#1F5457
100.0%	100.0% #134C4F	RGB 19 76 79	#134C4F

#5E7E82 #517579 #456D71 #386568 #2C5C60 #1F5457 #134C4F

#5E7E82 - #134C4F

HSV Blend

#5E7E82 - #134C4F | 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 #5E7E82 as 0% and #134C4F as 100%.

0.0%	0.0% #5E7E82	RGB 94 126 130	#5E7E82
16.7%	16.7% #4E7579	RGB 78 117 121	#4E7579
33.3%	33.3% #3F6C71	RGB 63 108 113	#3F6C71
50.0%	50.0% #326468	RGB 50 100 104	#326468
66.7%	66.7% #265B60	RGB 38 91 96	#265B60
83.3%	83.3% #1C5357	RGB 28 83 87	#1C5357
100.0%	100.0% #134C4F	RGB 19 76 79	#134C4F

#5E7E82 #4E7579 #3F6C71 #326468 #265B60 #1C5357 #134C4F

#5E7E82 - #326468 - #134C4F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E82 0%, #326468 50%, #134C4F 100%);
    background: -webkit-linear-gradient(top, #5E7E82 0%, #326468 50%, #134C4F 100%);
    background: linear-gradient(to bottom, #5E7E82 0%, #326468 50%, #134C4F 100%);
}
</style>