#5E6D6D - #134C61 | 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 #5E6D6D to #134C61

#5E6D6D #134C61

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

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

0.0%	0.0% #5E6D6D	RGB 94 109 109	#5E6D6D
16.7%	16.7% #51676B	RGB 81 103 107	#51676B
33.3%	33.3% #456269	RGB 69 98 105	#456269
50.0%	50.0% #385C67	RGB 56 92 103	#385C67
66.7%	66.7% #2C5765	RGB 44 87 101	#2C5765
83.3%	83.3% #1F5163	RGB 31 81 99	#1F5163
100.0%	100.0% #134C61	RGB 19 76 97	#134C61

#5E6D6D #51676B #456269 #385C67 #2C5765 #1F5163 #134C61

#5E6D6D - #134C61

HSV Blend

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

0.0%	0.0% #5E6D6D	RGB 94 109 109	#5E6D6D
16.7%	16.7% #50696B	RGB 80 105 107	#50696B
33.3%	33.3% #436569	RGB 67 101 105	#436569
50.0%	50.0% #366067	RGB 54 96 103	#366067
66.7%	66.7% #2A5A65	RGB 42 90 101	#2A5A65
83.3%	83.3% #1E5363	RGB 30 83 99	#1E5363
100.0%	100.0% #134C61	RGB 19 76 97	#134C61

#5E6D6D #50696B #436569 #366067 #2A5A65 #1E5363 #134C61

#5E6D6D - #366067 - #134C61

CSS codes

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

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