#235B5E - #99AC98 | 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 #235B5E to #99AC98

#235B5E #99AC98

Calculate the color between two colors, #235B5E and #99AC98. 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)

#235B5E - #99AC98 | 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 #235B5E as 0% and #99AC98 as 100%.

0.0%	0.0% #235B5E	RGB 35 91 94	#235B5E
16.7%	16.7% #366867	RGB 54 104 103	#366867
33.3%	33.3% #4A7671	RGB 74 118 113	#4A7671
50.0%	50.0% #5E837B	RGB 94 131 123	#5E837B
66.7%	66.7% #719184	RGB 113 145 132	#719184
83.3%	83.3% #859E8E	RGB 133 158 142	#859E8E
100.0%	100.0% #99AC98	RGB 153 172 152	#99AC98

#235B5E #366867 #4A7671 #5E837B #719184 #859E8E #99AC98

#235B5E - #99AC98

HSV Blend

#235B5E - #99AC98 | 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 #235B5E as 0% and #99AC98 as 100%.

0.0%	0.0% #235A5E	RGB 35 90 94	#235A5E
16.7%	16.7% #306B63	RGB 48 107 99	#306B63
33.3%	33.3% #417866	RGB 65 120 102	#417866
50.0%	50.0% #53856C	RGB 83 133 108	#53856C
66.7%	66.7% #689275	RGB 104 146 117	#689275
83.3%	83.3% #7E9F83	RGB 126 159 131	#7E9F83
100.0%	100.0% #99AC98	RGB 153 172 152	#99AC98

#235A5E #306B63 #417866 #53856C #689275 #7E9F83 #99AC98

#235B5E - #53856C - #99AC98

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #235A5E 0%, #53856C 50%, #99AC98 100%);
    background: -webkit-linear-gradient(top, #235A5E 0%, #53856C 50%, #99AC98 100%);
    background: linear-gradient(to bottom, #235A5E 0%, #53856C 50%, #99AC98 100%);
}
</style>