#B6857E - #FECE9F | 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 #B6857E to #FECE9F

#B6857E #FECE9F

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

#B6857E - #FECE9F | 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 #B6857E as 0% and #FECE9F as 100%.

0.0%	0.0% #B6857E	RGB 182 133 126	#B6857E
16.7%	16.7% #C29183	RGB 194 145 131	#C29183
33.3%	33.3% #CE9D89	RGB 206 157 137	#CE9D89
50.0%	50.0% #DAA98E	RGB 218 169 142	#DAA98E
66.7%	66.7% #E6B594	RGB 230 181 148	#E6B594
83.3%	83.3% #F2C199	RGB 242 193 153	#F2C199
100.0%	100.0% #FECE9F	RGB 254 206 159	#FECE9F

#B6857E #C29183 #CE9D89 #DAA98E #E6B594 #F2C199 #FECE9F

#B6857E - #FECE9F

HSV Blend

#B6857E - #FECE9F | 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 #B6857E as 0% and #FECE9F as 100%.

0.0%	0.0% #B6857E	RGB 182 133 126	#B6857E
16.7%	16.7% #C28F84	RGB 194 143 132	#C28F84
33.3%	33.3% #CE9A8A	RGB 206 154 138	#CE9A8A
50.0%	50.0% #DAA68F	RGB 218 166 143	#DAA68F
66.7%	66.7% #E6B395	RGB 230 179 149	#E6B395
83.3%	83.3% #F2C09A	RGB 242 192 154	#F2C09A
100.0%	100.0% #FECE9F	RGB 254 206 159	#FECE9F

#B6857E #C28F84 #CE9A8A #DAA68F #E6B395 #F2C09A #FECE9F

#B6857E - #DAA68F - #FECE9F

CSS codes

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

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