#34564C - #5EBCBC | 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 #34564C to #5EBCBC

#34564C #5EBCBC

Calculate the color between two colors, #34564C and #5EBCBC. 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)

#34564C - #5EBCBC | 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 #34564C as 0% and #5EBCBC as 100%.

0.0%	0.0% #34564C	RGB 52 86 76	#34564C
16.7%	16.7% #3B675E	RGB 59 103 94	#3B675E
33.3%	33.3% #427871	RGB 66 120 113	#427871
50.0%	50.0% #498984	RGB 73 137 132	#498984
66.7%	66.7% #509A96	RGB 80 154 150	#509A96
83.3%	83.3% #57ABA9	RGB 87 171 169	#57ABA9
100.0%	100.0% #5EBCBC	RGB 94 188 188	#5EBCBC

#34564C #3B675E #427871 #498984 #509A96 #57ABA9 #5EBCBC

#34564C - #5EBCBC

HSV Blend

#34564C - #5EBCBC | 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 #34564C as 0% and #5EBCBC as 100%.

0.0%	0.0% #34564C	RGB 52 86 76	#34564C
16.7%	16.7% #3C675C	RGB 60 103 92	#3C675C
33.3%	33.3% #44786D	RGB 68 120 109	#44786D
50.0%	50.0% #4B897F	RGB 75 137 127	#4B897F
66.7%	66.7% #529A92	RGB 82 154 146	#529A92
83.3%	83.3% #58ABA6	RGB 88 171 166	#58ABA6
100.0%	100.0% #5EBCBC	RGB 94 188 188	#5EBCBC

#34564C #3C675C #44786D #4B897F #529A92 #58ABA6 #5EBCBC

#34564C - #4B897F - #5EBCBC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #34564C 0%, #4B897F 50%, #5EBCBC 100%);
    background: -webkit-linear-gradient(top, #34564C 0%, #4B897F 50%, #5EBCBC 100%);
    background: linear-gradient(to bottom, #34564C 0%, #4B897F 50%, #5EBCBC 100%);
}
</style>