#E6CFB5 - #B08B5A | 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 #E6CFB5 to #B08B5A

#E6CFB5 #B08B5A

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

#E6CFB5 - #B08B5A | 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 #E6CFB5 as 0% and #B08B5A as 100%.

0.0%	0.0% #E6CFB5	RGB 230 207 181	#E6CFB5
16.7%	16.7% #DDC3A5	RGB 221 195 165	#DDC3A5
33.3%	33.3% #D4B896	RGB 212 184 150	#D4B896
50.0%	50.0% #CBAD87	RGB 203 173 135	#CBAD87
66.7%	66.7% #C2A178	RGB 194 161 120	#C2A178
83.3%	83.3% #B99669	RGB 185 150 105	#B99669
100.0%	100.0% #B08B5A	RGB 176 139 90	#B08B5A

#E6CFB5 #DDC3A5 #D4B896 #CBAD87 #C2A178 #B99669 #B08B5A

#E6CFB5 - #B08B5A

HSV Blend

#E6CFB5 - #B08B5A | 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 #E6CFB5 as 0% and #B08B5A as 100%.

0.0%	0.0% #E6CFB5	RGB 230 207 181	#E6CFB5
16.7%	16.7% #DDC2A3	RGB 221 194 163	#DDC2A3
33.3%	33.3% #D4B693	RGB 212 182 147	#D4B693
50.0%	50.0% #CBAA83	RGB 203 170 131	#CBAA83
66.7%	66.7% #C29F75	RGB 194 159 117	#C29F75
83.3%	83.3% #B99567	RGB 185 149 103	#B99567
100.0%	100.0% #B08B5A	RGB 176 139 90	#B08B5A

#E6CFB5 #DDC2A3 #D4B693 #CBAA83 #C29F75 #B99567 #B08B5A

#E6CFB5 - #CBAA83 - #B08B5A

CSS codes

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

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