#1E4E5E - #849D98 | 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 #1E4E5E to #849D98

#1E4E5E #849D98

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

#1E4E5E - #849D98 | 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 #1E4E5E as 0% and #849D98 as 100%.

0.0%	0.0% #1E4E5E	RGB 30 78 94	#1E4E5E
16.7%	16.7% #2F5B67	RGB 47 91 103	#2F5B67
33.3%	33.3% #406871	RGB 64 104 113	#406871
50.0%	50.0% #51757B	RGB 81 117 123	#51757B
66.7%	66.7% #628284	RGB 98 130 132	#628284
83.3%	83.3% #738F8E	RGB 115 143 142	#738F8E
100.0%	100.0% #849D98	RGB 132 157 152	#849D98

#1E4E5E #2F5B67 #406871 #51757B #628284 #738F8E #849D98

#1E4E5E - #849D98

HSV Blend

#1E4E5E - #849D98 | 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 #1E4E5E as 0% and #849D98 as 100%.

0.0%	0.0% #1E4D5E	RGB 30 77 94	#1E4D5E
16.7%	16.7% #2A5D68	RGB 42 93 104	#2A5D68
33.3%	33.3% #386D73	RGB 56 109 115	#386D73
50.0%	50.0% #487C7D	RGB 72 124 125	#487C7D
66.7%	66.7% #5A8885	RGB 90 136 133	#5A8885
83.3%	83.3% #6E928D	RGB 110 146 141	#6E928D
100.0%	100.0% #849D98	RGB 132 157 152	#849D98

#1E4D5E #2A5D68 #386D73 #487C7D #5A8885 #6E928D #849D98

#1E4E5E - #487C7D - #849D98

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E4D5E 0%, #487C7D 50%, #849D98 100%);
    background: -webkit-linear-gradient(top, #1E4D5E 0%, #487C7D 50%, #849D98 100%);
    background: linear-gradient(to bottom, #1E4D5E 0%, #487C7D 50%, #849D98 100%);
}
</style>