#1C4D5E - #819C99 | 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 #1C4D5E to #819C99

#1C4D5E #819C99

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

#1C4D5E - #819C99 | 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 #1C4D5E as 0% and #819C99 as 100%.

0.0%	0.0% #1C4D5E	RGB 28 77 94	#1C4D5E
16.7%	16.7% #2C5A67	RGB 44 90 103	#2C5A67
33.3%	33.3% #3D6771	RGB 61 103 113	#3D6771
50.0%	50.0% #4E747B	RGB 78 116 123	#4E747B
66.7%	66.7% #5F8185	RGB 95 129 133	#5F8185
83.3%	83.3% #708E8F	RGB 112 142 143	#708E8F
100.0%	100.0% #819C99	RGB 129 156 153	#819C99

#1C4D5E #2C5A67 #3D6771 #4E747B #5F8185 #708E8F #819C99

#1C4D5E - #819C99

HSV Blend

#1C4D5E - #819C99 | 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 #1C4D5E as 0% and #819C99 as 100%.

0.0%	0.0% #1C4D5E	RGB 28 77 94	#1C4D5E
16.7%	16.7% #285B68	RGB 40 91 104	#285B68
33.3%	33.3% #366A72	RGB 54 106 114	#366A72
50.0%	50.0% #46787D	RGB 70 120 125	#46787D
66.7%	66.7% #588687	RGB 88 134 135	#588687
83.3%	83.3% #6B918F	RGB 107 145 143	#6B918F
100.0%	100.0% #819C99	RGB 129 156 153	#819C99

#1C4D5E #285B68 #366A72 #46787D #588687 #6B918F #819C99

#1C4D5E - #46787D - #819C99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C4D5E 0%, #46787D 50%, #819C99 100%);
    background: -webkit-linear-gradient(top, #1C4D5E 0%, #46787D 50%, #819C99 100%);
    background: linear-gradient(to bottom, #1C4D5E 0%, #46787D 50%, #819C99 100%);
}
</style>