#5E6C6C - #134B61 | 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 #5E6C6C to #134B61

#5E6C6C #134B61

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

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

0.0%	0.0% #5E6C6C	RGB 94 108 108	#5E6C6C
16.7%	16.7% #51666A	RGB 81 102 106	#51666A
33.3%	33.3% #456168	RGB 69 97 104	#456168
50.0%	50.0% #385B66	RGB 56 91 102	#385B66
66.7%	66.7% #2C5664	RGB 44 86 100	#2C5664
83.3%	83.3% #1F5062	RGB 31 80 98	#1F5062
100.0%	100.0% #134B61	RGB 19 75 97	#134B61

#5E6C6C #51666A #456168 #385B66 #2C5664 #1F5062 #134B61

#5E6C6C - #134B61

HSV Blend

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

0.0%	0.0% #5E6C6C	RGB 94 108 108	#5E6C6C
16.7%	16.7% #50686A	RGB 80 104 106	#50686A
33.3%	33.3% #436468	RGB 67 100 104	#436468
50.0%	50.0% #365F66	RGB 54 95 102	#365F66
66.7%	66.7% #2A5964	RGB 42 89 100	#2A5964
83.3%	83.3% #1E5262	RGB 30 82 98	#1E5262
100.0%	100.0% #134B61	RGB 19 75 97	#134B61

#5E6C6C #50686A #436468 #365F66 #2A5964 #1E5262 #134B61

#5E6C6C - #365F66 - #134B61

CSS codes

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

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