#EDECE2 - #B7B38F | 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 #EDECE2 to #B7B38F

#EDECE2 #B7B38F

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

#EDECE2 - #B7B38F | 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 #EDECE2 as 0% and #B7B38F as 100%.

0.0%	0.0% #EDECE2	RGB 237 236 226	#EDECE2
16.7%	16.7% #E4E2D4	RGB 228 226 212	#E4E2D4
33.3%	33.3% #DBD9C6	RGB 219 217 198	#DBD9C6
50.0%	50.0% #D2CFB8	RGB 210 207 184	#D2CFB8
66.7%	66.7% #C9C6AA	RGB 201 198 170	#C9C6AA
83.3%	83.3% #C0BC9C	RGB 192 188 156	#C0BC9C
100.0%	100.0% #B7B38F	RGB 183 179 143	#B7B38F

#EDECE2 #E4E2D4 #DBD9C6 #D2CFB8 #C9C6AA #C0BC9C #B7B38F

#EDECE2 - #B7B38F

HSV Blend

#EDECE2 - #B7B38F | 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 #EDECE2 as 0% and #B7B38F as 100%.

0.0%	0.0% #EDECE2	RGB 237 236 226	#EDECE2
16.7%	16.7% #E4E2D2	RGB 228 226 210	#E4E2D2
33.3%	33.3% #DBD8C4	RGB 219 216 196	#DBD8C4
50.0%	50.0% #D2CFB6	RGB 210 207 182	#D2CFB6
66.7%	66.7% #C9C5A8	RGB 201 197 168	#C9C5A8
83.3%	83.3% #C0BC9B	RGB 192 188 155	#C0BC9B
100.0%	100.0% #B7B38F	RGB 183 179 143	#B7B38F

#EDECE2 #E4E2D2 #DBD8C4 #D2CFB6 #C9C5A8 #C0BC9B #B7B38F

#EDECE2 - #D2CFB6 - #B7B38F

CSS codes

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

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