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

#5E6C6C #134C61

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

#5E6C6C - #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 #5E6C6C as 0% and #134C61 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% #385C66	RGB 56 92 102	#385C66
66.7%	66.7% #2C5664	RGB 44 86 100	#2C5664
83.3%	83.3% #1F5162	RGB 31 81 98	#1F5162
100.0%	100.0% #134C61	RGB 19 76 97	#134C61

#5E6C6C #51666A #456168 #385C66 #2C5664 #1F5162 #134C61

#5E6C6C - #134C61

HSV Blend

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

0.0%	0.0% #5E6C6C	RGB 94 108 108	#5E6C6C
16.7%	16.7% #50696A	RGB 80 105 106	#50696A
33.3%	33.3% #436568	RGB 67 101 104	#436568
50.0%	50.0% #366066	RGB 54 96 102	#366066
66.7%	66.7% #2A5A64	RGB 42 90 100	#2A5A64
83.3%	83.3% #1E5362	RGB 30 83 98	#1E5362
100.0%	100.0% #134C61	RGB 19 76 97	#134C61

#5E6C6C #50696A #436568 #366066 #2A5A64 #1E5362 #134C61

#5E6C6C - #366066 - #134C61

CSS codes

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

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