#134F5E - #2E89B5 | 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 #134F5E to #2E89B5

#134F5E #2E89B5

Calculate the color between two colors, #134F5E and #2E89B5. 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)

#134F5E - #2E89B5 | 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 #134F5E as 0% and #2E89B5 as 100%.

0.0%	0.0% #134F5E	RGB 19 79 94	#134F5E
16.7%	16.7% #17586C	RGB 23 88 108	#17586C
33.3%	33.3% #1C627B	RGB 28 98 123	#1C627B
50.0%	50.0% #206C89	RGB 32 108 137	#206C89
66.7%	66.7% #257598	RGB 37 117 152	#257598
83.3%	83.3% #297FA6	RGB 41 127 166	#297FA6
100.0%	100.0% #2E89B5	RGB 46 137 181	#2E89B5

#134F5E #17586C #1C627B #206C89 #257598 #297FA6 #2E89B5

#134F5E - #2E89B5

HSV Blend

#134F5E - #2E89B5 | 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 #134F5E as 0% and #2E89B5 as 100%.

0.0%	0.0% #124F5E	RGB 18 79 94	#124F5E
16.7%	16.7% #16596C	RGB 22 89 108	#16596C
33.3%	33.3% #1A637B	RGB 26 99 123	#1A637B
50.0%	50.0% #1F6D89	RGB 31 109 137	#1F6D89
66.7%	66.7% #237798	RGB 35 119 152	#237798
83.3%	83.3% #2880A6	RGB 40 128 166	#2880A6
100.0%	100.0% #2E89B5	RGB 46 137 181	#2E89B5

#124F5E #16596C #1A637B #1F6D89 #237798 #2880A6 #2E89B5

#134F5E - #1F6D89 - #2E89B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #124F5E 0%, #1F6D89 50%, #2E89B5 100%);
    background: -webkit-linear-gradient(top, #124F5E 0%, #1F6D89 50%, #2E89B5 100%);
    background: linear-gradient(to bottom, #124F5E 0%, #1F6D89 50%, #2E89B5 100%);
}
</style>