#528A00 - #CDDDB6 | 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 #528A00 to #CDDDB6

#528A00 #CDDDB6

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

#528A00 - #CDDDB6 | 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 #528A00 as 0% and #CDDDB6 as 100%.

0.0%	0.0% #528A00	RGB 82 138 0	#528A00
16.7%	16.7% #66971E	RGB 102 151 30	#66971E
33.3%	33.3% #7BA53C	RGB 123 165 60	#7BA53C
50.0%	50.0% #8FB35B	RGB 143 179 91	#8FB35B
66.7%	66.7% #A4C179	RGB 164 193 121	#A4C179
83.3%	83.3% #B8CF97	RGB 184 207 151	#B8CF97
100.0%	100.0% #CDDDB6	RGB 205 221 182	#CDDDB6

#528A00 #66971E #7BA53C #8FB35B #A4C179 #B8CF97 #CDDDB6

#528A00 - #CDDDB6

HSV Blend

#528A00 - #CDDDB6 | 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 #528A00 as 0% and #CDDDB6 as 100%.

0.0%	0.0% #518A00	RGB 81 138 0	#518A00
16.7%	16.7% #629714	RGB 98 151 20	#629714
33.3%	33.3% #74A52D	RGB 116 165 45	#74A52D
50.0%	50.0% #88B349	RGB 136 179 73	#88B349
66.7%	66.7% #9DC16A	RGB 157 193 106	#9DC16A
83.3%	83.3% #B4CF8E	RGB 180 207 142	#B4CF8E
100.0%	100.0% #CDDDB6	RGB 205 221 182	#CDDDB6

#518A00 #629714 #74A52D #88B349 #9DC16A #B4CF8E #CDDDB6

#528A00 - #88B349 - #CDDDB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #518A00 0%, #88B349 50%, #CDDDB6 100%);
    background: -webkit-linear-gradient(top, #518A00 0%, #88B349 50%, #CDDDB6 100%);
    background: linear-gradient(to bottom, #518A00 0%, #88B349 50%, #CDDDB6 100%);
}
</style>