#527F5E - #CDDAD1 | 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 #527F5E to #CDDAD1

#527F5E #CDDAD1

Calculate the color between two colors, #527F5E and #CDDAD1. 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)

#527F5E - #CDDAD1 | 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 #527F5E as 0% and #CDDAD1 as 100%.

0.0%	0.0% #527F5E	RGB 82 127 94	#527F5E
16.7%	16.7% #668E71	RGB 102 142 113	#668E71
33.3%	33.3% #7B9D84	RGB 123 157 132	#7B9D84
50.0%	50.0% #8FAC97	RGB 143 172 151	#8FAC97
66.7%	66.7% #A4BBAA	RGB 164 187 170	#A4BBAA
83.3%	83.3% #B8CABD	RGB 184 202 189	#B8CABD
100.0%	100.0% #CDDAD1	RGB 205 218 209	#CDDAD1

#527F5E #668E71 #7B9D84 #8FAC97 #A4BBAA #B8CABD #CDDAD1

#527F5E - #CDDAD1

HSV Blend

#527F5E - #CDDAD1 | 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 #527F5E as 0% and #CDDAD1 as 100%.

0.0%	0.0% #527F5E	RGB 82 127 94	#527F5E
16.7%	16.7% #628E6E	RGB 98 142 110	#628E6E
33.3%	33.3% #759D80	RGB 117 157 128	#759D80
50.0%	50.0% #88AC93	RGB 136 172 147	#88AC93
66.7%	66.7% #9EBBA6	RGB 158 187 166	#9EBBA6
83.3%	83.3% #B4CABB	RGB 180 202 187	#B4CABB
100.0%	100.0% #CDDAD1	RGB 205 218 209	#CDDAD1

#527F5E #628E6E #759D80 #88AC93 #9EBBA6 #B4CABB #CDDAD1

#527F5E - #88AC93 - #CDDAD1

CSS codes

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

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