#B7B6B6 - #FFEAD0 | 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 #B7B6B6 to #FFEAD0

#B7B6B6 #FFEAD0

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

#B7B6B6 - #FFEAD0 | 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 #B7B6B6 as 0% and #FFEAD0 as 100%.

0.0%	0.0% #B7B6B6	RGB 183 182 182	#B7B6B6
16.7%	16.7% #C3BEBA	RGB 195 190 186	#C3BEBA
33.3%	33.3% #CFC7BE	RGB 207 199 190	#CFC7BE
50.0%	50.0% #DBD0C3	RGB 219 208 195	#DBD0C3
66.7%	66.7% #E7D8C7	RGB 231 216 199	#E7D8C7
83.3%	83.3% #F3E1CB	RGB 243 225 203	#F3E1CB
100.0%	100.0% #FFEAD0	RGB 255 234 208	#FFEAD0

#B7B6B6 #C3BEBA #CFC7BE #DBD0C3 #E7D8C7 #F3E1CB #FFEAD0

#B7B6B6 - #FFEAD0

HSV Blend

#B7B6B6 - #FFEAD0 | 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 #B7B6B6 as 0% and #FFEAD0 as 100%.

0.0%	0.0% #B7B6B6	RGB 183 182 182	#B7B6B6
16.7%	16.7% #C3BCBC	RGB 195 188 188	#C3BCBC
33.3%	33.3% #CFC4C1	RGB 207 196 193	#CFC4C1
50.0%	50.0% #DBCBC6	RGB 219 203 198	#DBCBC6
66.7%	66.7% #E7D4CA	RGB 231 212 202	#E7D4CA
83.3%	83.3% #F3DECD	RGB 243 222 205	#F3DECD
100.0%	100.0% #FFEAD0	RGB 255 234 208	#FFEAD0

#B7B6B6 #C3BCBC #CFC4C1 #DBCBC6 #E7D4CA #F3DECD #FFEAD0

#B7B6B6 - #DBCBC6 - #FFEAD0

CSS codes

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

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