#1C5E5B - #819C90 | 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 #1C5E5B to #819C90

#1C5E5B #819C90

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

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

0.0%	0.0% #1C5E5B	RGB 28 94 91	#1C5E5B
16.7%	16.7% #2C6863	RGB 44 104 99	#2C6863
33.3%	33.3% #3D726C	RGB 61 114 108	#3D726C
50.0%	50.0% #4E7D75	RGB 78 125 117	#4E7D75
66.7%	66.7% #5F877E	RGB 95 135 126	#5F877E
83.3%	83.3% #709187	RGB 112 145 135	#709187
100.0%	100.0% #819C90	RGB 129 156 144	#819C90

#1C5E5B #2C6863 #3D726C #4E7D75 #5F877E #709187 #819C90

#1C5E5B - #819C90

HSV Blend

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

0.0%	0.0% #1C5E5B	RGB 28 94 91	#1C5E5B
16.7%	16.7% #286861	RGB 40 104 97	#286861
33.3%	33.3% #367267	RGB 54 114 103	#367267
50.0%	50.0% #467D6F	RGB 70 125 111	#467D6F
66.7%	66.7% #588778	RGB 88 135 120	#588778
83.3%	83.3% #6B9183	RGB 107 145 131	#6B9183
100.0%	100.0% #819C90	RGB 129 156 144	#819C90

#1C5E5B #286861 #367267 #467D6F #588778 #6B9183 #819C90

#1C5E5B - #467D6F - #819C90

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C5E5B 0%, #467D6F 50%, #819C90 100%);
    background: -webkit-linear-gradient(top, #1C5E5B 0%, #467D6F 50%, #819C90 100%);
    background: linear-gradient(to bottom, #1C5E5B 0%, #467D6F 50%, #819C90 100%);
}
</style>