#117C5E - #97D488 | 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 #117C5E to #97D488

#117C5E #97D488

Calculate the color between two colors, #117C5E and #97D488. 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)

#117C5E - #97D488 | 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 #117C5E as 0% and #97D488 as 100%.

0.0%	0.0% #117C5E	RGB 17 124 94	#117C5E
16.7%	16.7% #278A65	RGB 39 138 101	#278A65
33.3%	33.3% #3D996C	RGB 61 153 108	#3D996C
50.0%	50.0% #54A873	RGB 84 168 115	#54A873
66.7%	66.7% #6AB67A	RGB 106 182 122	#6AB67A
83.3%	83.3% #80C581	RGB 128 197 129	#80C581
100.0%	100.0% #97D488	RGB 151 212 136	#97D488

#117C5E #278A65 #3D996C #54A873 #6AB67A #80C581 #97D488

#117C5E - #97D488

HSV Blend

#117C5E - #97D488 | 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 #117C5E as 0% and #97D488 as 100%.

0.0%	0.0% #107C5E	RGB 16 124 94	#107C5E
16.7%	16.7% #1E8A5B	RGB 30 138 91	#1E8A5B
33.3%	33.3% #2E995A	RGB 46 153 90	#2E995A
50.0%	50.0% #41A85C	RGB 65 168 92	#41A85C
66.7%	66.7% #56B660	RGB 86 182 96	#56B660
83.3%	83.3% #71C56E	RGB 113 197 110	#71C56E
100.0%	100.0% #97D488	RGB 151 212 136	#97D488

#107C5E #1E8A5B #2E995A #41A85C #56B660 #71C56E #97D488

#117C5E - #41A85C - #97D488

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #107C5E 0%, #41A85C 50%, #97D488 100%);
    background: -webkit-linear-gradient(top, #107C5E 0%, #41A85C 50%, #97D488 100%);
    background: linear-gradient(to bottom, #107C5E 0%, #41A85C 50%, #97D488 100%);
}
</style>