#1E5E75 - #90B0AC | 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 #1E5E75 to #90B0AC

#1E5E75 #90B0AC

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

#1E5E75 - #90B0AC | 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 #1E5E75 as 0% and #90B0AC as 100%.

0.0%	0.0% #1E5E75	RGB 30 94 117	#1E5E75
16.7%	16.7% #316B7E	RGB 49 107 126	#316B7E
33.3%	33.3% #447987	RGB 68 121 135	#447987
50.0%	50.0% #578790	RGB 87 135 144	#578790
66.7%	66.7% #6A9499	RGB 106 148 153	#6A9499
83.3%	83.3% #7DA2A2	RGB 125 162 162	#7DA2A2
100.0%	100.0% #90B0AC	RGB 144 176 172	#90B0AC

#1E5E75 #316B7E #447987 #578790 #6A9499 #7DA2A2 #90B0AC

#1E5E75 - #90B0AC

HSV Blend

#1E5E75 - #90B0AC | 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 #1E5E75 as 0% and #90B0AC as 100%.

0.0%	0.0% #1E5E75	RGB 30 94 117	#1E5E75
16.7%	16.7% #2C6E7E	RGB 44 110 126	#2C6E7E
33.3%	33.3% #3C7E88	RGB 60 126 136	#3C7E88
50.0%	50.0% #4E8D92	RGB 78 141 146	#4E8D92
66.7%	66.7% #629C9C	RGB 98 156 156	#629C9C
83.3%	83.3% #78A6A3	RGB 120 166 163	#78A6A3
100.0%	100.0% #90B0AC	RGB 144 176 172	#90B0AC

#1E5E75 #2C6E7E #3C7E88 #4E8D92 #629C9C #78A6A3 #90B0AC

#1E5E75 - #4E8D92 - #90B0AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E5E75 0%, #4E8D92 50%, #90B0AC 100%);
    background: -webkit-linear-gradient(top, #1E5E75 0%, #4E8D92 50%, #90B0AC 100%);
    background: linear-gradient(to bottom, #1E5E75 0%, #4E8D92 50%, #90B0AC 100%);
}
</style>