#345641 - #5EBCA0 | 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 #345641 to #5EBCA0

#345641 #5EBCA0

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

#345641 - #5EBCA0 | 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 #345641 as 0% and #5EBCA0 as 100%.

0.0%	0.0% #345641	RGB 52 86 65	#345641
16.7%	16.7% #3B6750	RGB 59 103 80	#3B6750
33.3%	33.3% #427860	RGB 66 120 96	#427860
50.0%	50.0% #498970	RGB 73 137 112	#498970
66.7%	66.7% #509A80	RGB 80 154 128	#509A80
83.3%	83.3% #57AB90	RGB 87 171 144	#57AB90
100.0%	100.0% #5EBCA0	RGB 94 188 160	#5EBCA0

#345641 #3B6750 #427860 #498970 #509A80 #57AB90 #5EBCA0

#345641 - #5EBCA0

HSV Blend

#345641 - #5EBCA0 | 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 #345641 as 0% and #5EBCA0 as 100%.

0.0%	0.0% #345641	RGB 52 86 65	#345641
16.7%	16.7% #3C674F	RGB 60 103 79	#3C674F
33.3%	33.3% #44785D	RGB 68 120 93	#44785D
50.0%	50.0% #4B896C	RGB 75 137 108	#4B896C
66.7%	66.7% #529A7D	RGB 82 154 125	#529A7D
83.3%	83.3% #58AB8E	RGB 88 171 142	#58AB8E
100.0%	100.0% #5EBCA0	RGB 94 188 160	#5EBCA0

#345641 #3C674F #44785D #4B896C #529A7D #58AB8E #5EBCA0

#345641 - #4B896C - #5EBCA0

CSS codes

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

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