#EDD8C0 - #B9825E | 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 #EDD8C0 to #B9825E

#EDD8C0 #B9825E

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

#EDD8C0 - #B9825E | 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 #EDD8C0 as 0% and #B9825E as 100%.

0.0%	0.0% #EDD8C0	RGB 237 216 192	#EDD8C0
16.7%	16.7% #E4C9AF	RGB 228 201 175	#E4C9AF
33.3%	33.3% #DBBB9F	RGB 219 187 159	#DBBB9F
50.0%	50.0% #D3AD8F	RGB 211 173 143	#D3AD8F
66.7%	66.7% #CA9E7E	RGB 202 158 126	#CA9E7E
83.3%	83.3% #C1906E	RGB 193 144 110	#C1906E
100.0%	100.0% #B9825E	RGB 185 130 94	#B9825E

#EDD8C0 #E4C9AF #DBBB9F #D3AD8F #CA9E7E #C1906E #B9825E

#EDD8C0 - #B9825E

HSV Blend

#EDD8C0 - #B9825E | 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 #EDD8C0 as 0% and #B9825E as 100%.

0.0%	0.0% #EDD8C0	RGB 237 216 192	#EDD8C0
16.7%	16.7% #E4C9AD	RGB 228 201 173	#E4C9AD
33.3%	33.3% #DBBA9B	RGB 219 186 155	#DBBA9B
50.0%	50.0% #D3AC8B	RGB 211 172 139	#D3AC8B
66.7%	66.7% #CA9E7B	RGB 202 158 123	#CA9E7B
83.3%	83.3% #C18F6C	RGB 193 143 108	#C18F6C
100.0%	100.0% #B9825E	RGB 185 130 94	#B9825E

#EDD8C0 #E4C9AD #DBBA9B #D3AC8B #CA9E7B #C18F6C #B9825E

#EDD8C0 - #D3AC8B - #B9825E

CSS codes

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

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