#225B5E - #98AC99 | 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 #225B5E to #98AC99

#225B5E #98AC99

Calculate the color between two colors, #225B5E and #98AC99. 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)

#225B5E - #98AC99 | 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 #225B5E as 0% and #98AC99 as 100%.

0.0%	0.0% #225B5E	RGB 34 91 94	#225B5E
16.7%	16.7% #356867	RGB 53 104 103	#356867
33.3%	33.3% #497671	RGB 73 118 113	#497671
50.0%	50.0% #5D837B	RGB 93 131 123	#5D837B
66.7%	66.7% #709185	RGB 112 145 133	#709185
83.3%	83.3% #849E8F	RGB 132 158 143	#849E8F
100.0%	100.0% #98AC99	RGB 152 172 153	#98AC99

#225B5E #356867 #497671 #5D837B #709185 #849E8F #98AC99

#225B5E - #98AC99

HSV Blend

#225B5E - #98AC99 | 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 #225B5E as 0% and #98AC99 as 100%.

0.0%	0.0% #225B5E	RGB 34 91 94	#225B5E
16.7%	16.7% #306B64	RGB 48 107 100	#306B64
33.3%	33.3% #407868	RGB 64 120 104	#407868
50.0%	50.0% #52856E	RGB 82 133 110	#52856E
66.7%	66.7% #679277	RGB 103 146 119	#679277
83.3%	83.3% #7E9F85	RGB 126 159 133	#7E9F85
100.0%	100.0% #98AC99	RGB 152 172 153	#98AC99

#225B5E #306B64 #407868 #52856E #679277 #7E9F85 #98AC99

#225B5E - #52856E - #98AC99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #225B5E 0%, #52856E 50%, #98AC99 100%);
    background: -webkit-linear-gradient(top, #225B5E 0%, #52856E 50%, #98AC99 100%);
    background: linear-gradient(to bottom, #225B5E 0%, #52856E 50%, #98AC99 100%);
}
</style>