#EDCBC0 - #B9675E | 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 #EDCBC0 to #B9675E

#EDCBC0 #B9675E

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

#EDCBC0 - #B9675E | 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 #EDCBC0 as 0% and #B9675E as 100%.

0.0%	0.0% #EDCBC0	RGB 237 203 192	#EDCBC0
16.7%	16.7% #E4BAAF	RGB 228 186 175	#E4BAAF
33.3%	33.3% #DBA99F	RGB 219 169 159	#DBA99F
50.0%	50.0% #D3998F	RGB 211 153 143	#D3998F
66.7%	66.7% #CA887E	RGB 202 136 126	#CA887E
83.3%	83.3% #C1776E	RGB 193 119 110	#C1776E
100.0%	100.0% #B9675E	RGB 185 103 94	#B9675E

#EDCBC0 #E4BAAF #DBA99F #D3998F #CA887E #C1776E #B9675E

#EDCBC0 - #B9675E

HSV Blend

#EDCBC0 - #B9675E | 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 #EDCBC0 as 0% and #B9675E as 100%.

0.0%	0.0% #EDCBC0	RGB 237 203 192	#EDCBC0
16.7%	16.7% #E4B9AD	RGB 228 185 173	#E4B9AD
33.3%	33.3% #DBA89B	RGB 219 168 155	#DBA89B
50.0%	50.0% #D3978B	RGB 211 151 139	#D3978B
66.7%	66.7% #CA867B	RGB 202 134 123	#CA867B
83.3%	83.3% #C1766C	RGB 193 118 108	#C1766C
100.0%	100.0% #B9675E	RGB 185 103 94	#B9675E

#EDCBC0 #E4B9AD #DBA89B #D3978B #CA867B #C1766C #B9675E

#EDCBC0 - #D3978B - #B9675E

CSS codes

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

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