#1C5D5E - #97B19B | 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 #1C5D5E to #97B19B

#1C5D5E #97B19B

Calculate the color between two colors, #1C5D5E and #97B19B. 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)

#1C5D5E - #97B19B | 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 #1C5D5E as 0% and #97B19B as 100%.

0.0%	0.0% #1C5D5E	RGB 28 93 94	#1C5D5E
16.7%	16.7% #306B68	RGB 48 107 104	#306B68
33.3%	33.3% #457972	RGB 69 121 114	#457972
50.0%	50.0% #59877C	RGB 89 135 124	#59877C
66.7%	66.7% #6E9586	RGB 110 149 134	#6E9586
83.3%	83.3% #82A390	RGB 130 163 144	#82A390
100.0%	100.0% #97B19B	RGB 151 177 155	#97B19B

#1C5D5E #306B68 #457972 #59877C #6E9586 #82A390 #97B19B

#1C5D5E - #97B19B

HSV Blend

#1C5D5E - #97B19B | 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 #1C5D5E as 0% and #97B19B as 100%.

0.0%	0.0% #1C5C5E	RGB 28 92 94	#1C5C5E
16.7%	16.7% #2A6B63	RGB 42 107 99	#2A6B63
33.3%	33.3% #3A7968	RGB 58 121 104	#3A7968
50.0%	50.0% #4D876F	RGB 77 135 111	#4D876F
66.7%	66.7% #639579	RGB 99 149 121	#639579
83.3%	83.3% #7CA387	RGB 124 163 135	#7CA387
100.0%	100.0% #97B19B	RGB 151 177 155	#97B19B

#1C5C5E #2A6B63 #3A7968 #4D876F #639579 #7CA387 #97B19B

#1C5D5E - #4D876F - #97B19B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C5C5E 0%, #4D876F 50%, #97B19B 100%);
    background: -webkit-linear-gradient(top, #1C5C5E 0%, #4D876F 50%, #97B19B 100%);
    background: linear-gradient(to bottom, #1C5C5E 0%, #4D876F 50%, #97B19B 100%);
}
</style>