#1B4B5E - #7E9A99 | 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 #1B4B5E to #7E9A99

#1B4B5E #7E9A99

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

#1B4B5E - #7E9A99 | 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 #1B4B5E as 0% and #7E9A99 as 100%.

0.0%	0.0% #1B4B5E	RGB 27 75 94	#1B4B5E
16.7%	16.7% #2B5867	RGB 43 88 103	#2B5867
33.3%	33.3% #3C6571	RGB 60 101 113	#3C6571
50.0%	50.0% #4C727B	RGB 76 114 123	#4C727B
66.7%	66.7% #5D7F85	RGB 93 127 133	#5D7F85
83.3%	83.3% #6D8C8F	RGB 109 140 143	#6D8C8F
100.0%	100.0% #7E9A99	RGB 126 154 153	#7E9A99

#1B4B5E #2B5867 #3C6571 #4C727B #5D7F85 #6D8C8F #7E9A99

#1B4B5E - #7E9A99

HSV Blend

#1B4B5E - #7E9A99 | 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 #1B4B5E as 0% and #7E9A99 as 100%.

0.0%	0.0% #1B4B5E	RGB 27 75 94	#1B4B5E
16.7%	16.7% #275968	RGB 39 89 104	#275968
33.3%	33.3% #346772	RGB 52 103 114	#346772
50.0%	50.0% #44757C	RGB 68 117 124	#44757C
66.7%	66.7% #558286	RGB 85 130 134	#558286
83.3%	83.3% #698F90	RGB 105 143 144	#698F90
100.0%	100.0% #7E9A99	RGB 126 154 153	#7E9A99

#1B4B5E #275968 #346772 #44757C #558286 #698F90 #7E9A99

#1B4B5E - #44757C - #7E9A99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B4B5E 0%, #44757C 50%, #7E9A99 100%);
    background: -webkit-linear-gradient(top, #1B4B5E 0%, #44757C 50%, #7E9A99 100%);
    background: linear-gradient(to bottom, #1B4B5E 0%, #44757C 50%, #7E9A99 100%);
}
</style>