#1F4E5E - #859D98 | 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 #1F4E5E to #859D98

#1F4E5E #859D98

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

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

0.0%	0.0% #1F4E5E	RGB 31 78 94	#1F4E5E
16.7%	16.7% #305B67	RGB 48 91 103	#305B67
33.3%	33.3% #416871	RGB 65 104 113	#416871
50.0%	50.0% #52757B	RGB 82 117 123	#52757B
66.7%	66.7% #638284	RGB 99 130 132	#638284
83.3%	83.3% #748F8E	RGB 116 143 142	#748F8E
100.0%	100.0% #859D98	RGB 133 157 152	#859D98

#1F4E5E #305B67 #416871 #52757B #638284 #748F8E #859D98

#1F4E5E - #859D98

HSV Blend

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

0.0%	0.0% #1F4D5E	RGB 31 77 94	#1F4D5E
16.7%	16.7% #2B5D68	RGB 43 93 104	#2B5D68
33.3%	33.3% #396D73	RGB 57 109 115	#396D73
50.0%	50.0% #497C7D	RGB 73 124 125	#497C7D
66.7%	66.7% #5B8885	RGB 91 136 133	#5B8885
83.3%	83.3% #6F928D	RGB 111 146 141	#6F928D
100.0%	100.0% #859D98	RGB 133 157 152	#859D98

#1F4D5E #2B5D68 #396D73 #497C7D #5B8885 #6F928D #859D98

#1F4E5E - #497C7D - #859D98

CSS codes

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

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