#528037 - #CDDAC5 | 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 #528037 to #CDDAC5

#528037 #CDDAC5

Calculate the color between two colors, #528037 and #CDDAC5. 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)

#528037 - #CDDAC5 | 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 #528037 as 0% and #CDDAC5 as 100%.

0.0%	0.0% #528037	RGB 82 128 55	#528037
16.7%	16.7% #668F4E	RGB 102 143 78	#668F4E
33.3%	33.3% #7B9E66	RGB 123 158 102	#7B9E66
50.0%	50.0% #8FAD7E	RGB 143 173 126	#8FAD7E
66.7%	66.7% #A4BC95	RGB 164 188 149	#A4BC95
83.3%	83.3% #B8CBAD	RGB 184 203 173	#B8CBAD
100.0%	100.0% #CDDAC5	RGB 205 218 197	#CDDAC5

#528037 #668F4E #7B9E66 #8FAD7E #A4BC95 #B8CBAD #CDDAC5

#528037 - #CDDAC5

HSV Blend

#528037 - #CDDAC5 | 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 #528037 as 0% and #CDDAC5 as 100%.

0.0%	0.0% #528037	RGB 82 128 55	#528037
16.7%	16.7% #628F48	RGB 98 143 72	#628F48
33.3%	33.3% #759E5C	RGB 117 158 92	#759E5C
50.0%	50.0% #88AD73	RGB 136 173 115	#88AD73
66.7%	66.7% #9EBC8C	RGB 158 188 140	#9EBC8C
83.3%	83.3% #B4CBA7	RGB 180 203 167	#B4CBA7
100.0%	100.0% #CDDAC5	RGB 205 218 197	#CDDAC5

#528037 #628F48 #759E5C #88AD73 #9EBC8C #B4CBA7 #CDDAC5

#528037 - #88AD73 - #CDDAC5

CSS codes

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

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