#1B5E7B - #004F4E | 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 #1B5E7B to #004F4E

#1B5E7B #004F4E

Calculate the color between two colors, #1B5E7B and #004F4E. 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)

#1B5E7B - #004F4E | 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 #1B5E7B as 0% and #004F4E as 100%.

0.0%	0.0% #1B5E7B	RGB 27 94 123	#1B5E7B
16.7%	16.7% #165B73	RGB 22 91 115	#165B73
33.3%	33.3% #12596C	RGB 18 89 108	#12596C
50.0%	50.0% #0D5664	RGB 13 86 100	#0D5664
66.7%	66.7% #09545D	RGB 9 84 93	#09545D
83.3%	83.3% #045155	RGB 4 81 85	#045155
100.0%	100.0% #004F4E	RGB 0 79 78	#004F4E

#1B5E7B #165B73 #12596C #0D5664 #09545D #045155 #004F4E

#1B5E7B - #004F4E

HSV Blend

#1B5E7B - #004F4E | 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 #1B5E7B as 0% and #004F4E as 100%.

0.0%	0.0% #1B5E7B	RGB 27 94 123	#1B5E7B
16.7%	16.7% #155C73	RGB 21 92 115	#155C73
33.3%	33.3% #0F5A6C	RGB 15 90 108	#0F5A6C
50.0%	50.0% #0B5765	RGB 11 87 101	#0B5765
66.7%	66.7% #06555D	RGB 6 85 93	#06555D
83.3%	83.3% #035356	RGB 3 83 86	#035356
100.0%	100.0% #004F4E	RGB 0 79 78	#004F4E

#1B5E7B #155C73 #0F5A6C #0B5765 #06555D #035356 #004F4E

#1B5E7B - #0B5765 - #004F4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5E7B 0%, #0B5765 50%, #004F4E 100%);
    background: -webkit-linear-gradient(top, #1B5E7B 0%, #0B5765 50%, #004F4E 100%);
    background: linear-gradient(to bottom, #1B5E7B 0%, #0B5765 50%, #004F4E 100%);
}
</style>