#97C92E - #528F0D | 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 #97C92E to #528F0D

#97C92E #528F0D

Calculate the color between two colors, #97C92E and #528F0D. 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)

#97C92E - #528F0D | 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 #97C92E as 0% and #528F0D as 100%.

0.0%	0.0% #97C92E	RGB 151 201 46	#97C92E
16.7%	16.7% #8BBF28	RGB 139 191 40	#8BBF28
33.3%	33.3% #80B523	RGB 128 181 35	#80B523
50.0%	50.0% #74AC1D	RGB 116 172 29	#74AC1D
66.7%	66.7% #69A218	RGB 105 162 24	#69A218
83.3%	83.3% #5D9812	RGB 93 152 18	#5D9812
100.0%	100.0% #528F0D	RGB 82 143 13	#528F0D

#97C92E #8BBF28 #80B523 #74AC1D #69A218 #5D9812 #528F0D

#97C92E - #528F0D

HSV Blend

#97C92E - #528F0D | 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 #97C92E as 0% and #528F0D as 100%.

0.0%	0.0% #97C92E	RGB 151 201 46	#97C92E
16.7%	16.7% #8ABF27	RGB 138 191 39	#8ABF27
33.3%	33.3% #7EB521	RGB 126 181 33	#7EB521
50.0%	50.0% #72AC1B	RGB 114 172 27	#72AC1B
66.7%	66.7% #67A216	RGB 103 162 22	#67A216
83.3%	83.3% #5C9811	RGB 92 152 17	#5C9811
100.0%	100.0% #528F0D	RGB 82 143 13	#528F0D

#97C92E #8ABF27 #7EB521 #72AC1B #67A216 #5C9811 #528F0D

#97C92E - #72AC1B - #528F0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #97C92E 0%, #72AC1B 50%, #528F0D 100%);
    background: -webkit-linear-gradient(top, #97C92E 0%, #72AC1B 50%, #528F0D 100%);
    background: linear-gradient(to bottom, #97C92E 0%, #72AC1B 50%, #528F0D 100%);
}
</style>