#B27B3C - #E9D9C7 | 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 #B27B3C to #E9D9C7

#B27B3C #E9D9C7

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

#B27B3C - #E9D9C7 | 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 #B27B3C as 0% and #E9D9C7 as 100%.

0.0%	0.0% #B27B3C	RGB 178 123 60	#B27B3C
16.7%	16.7% #BB8A53	RGB 187 138 83	#BB8A53
33.3%	33.3% #C49A6A	RGB 196 154 106	#C49A6A
50.0%	50.0% #CDAA81	RGB 205 170 129	#CDAA81
66.7%	66.7% #D6B998	RGB 214 185 152	#D6B998
83.3%	83.3% #DFC9AF	RGB 223 201 175	#DFC9AF
100.0%	100.0% #E9D9C7	RGB 233 217 199	#E9D9C7

#B27B3C #BB8A53 #C49A6A #CDAA81 #D6B998 #DFC9AF #E9D9C7

#B27B3C - #E9D9C7

HSV Blend

#B27B3C - #E9D9C7 | 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 #B27B3C as 0% and #E9D9C7 as 100%.

0.0%	0.0% #B27B3C	RGB 178 123 60	#B27B3C
16.7%	16.7% #BB884F	RGB 187 136 79	#BB884F
33.3%	33.3% #C49764	RGB 196 151 100	#C49764
50.0%	50.0% #CDA67A	RGB 205 166 122	#CDA67A
66.7%	66.7% #D6B692	RGB 214 182 146	#D6B692
83.3%	83.3% #DFC7AB	RGB 223 199 171	#DFC7AB
100.0%	100.0% #E9D9C7	RGB 233 217 199	#E9D9C7

#B27B3C #BB884F #C49764 #CDA67A #D6B692 #DFC7AB #E9D9C7

#B27B3C - #CDA67A - #E9D9C7

CSS codes

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

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