#B6BEA8 - #EFE8BD | 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 #B6BEA8 to #EFE8BD

#B6BEA8 #EFE8BD

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

#B6BEA8 - #EFE8BD | 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 #B6BEA8 as 0% and #EFE8BD as 100%.

0.0%	0.0% #B6BEA8	RGB 182 190 168	#B6BEA8
16.7%	16.7% #BFC5AB	RGB 191 197 171	#BFC5AB
33.3%	33.3% #C9CCAF	RGB 201 204 175	#C9CCAF
50.0%	50.0% #D2D3B2	RGB 210 211 178	#D2D3B2
66.7%	66.7% #DCDAB6	RGB 220 218 182	#DCDAB6
83.3%	83.3% #E5E1B9	RGB 229 225 185	#E5E1B9
100.0%	100.0% #EFE8BD	RGB 239 232 189	#EFE8BD

#B6BEA8 #BFC5AB #C9CCAF #D2D3B2 #DCDAB6 #E5E1B9 #EFE8BD

#B6BEA8 - #EFE8BD

HSV Blend

#B6BEA8 - #EFE8BD | 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 #B6BEA8 as 0% and #EFE8BD as 100%.

0.0%	0.0% #B6BEA8	RGB 182 190 168	#B6BEA8
16.7%	16.7% #BEC6AC	RGB 190 198 172	#BEC6AC
33.3%	33.3% #C8CEB0	RGB 200 206 176	#C8CEB0
50.0%	50.0% #D2D6B3	RGB 210 214 179	#D2D6B3
66.7%	66.7% #DDDEB7	RGB 221 222 183	#DDDEB7
83.3%	83.3% #E6E4BA	RGB 230 228 186	#E6E4BA
100.0%	100.0% #EFE8BD	RGB 239 232 189	#EFE8BD

#B6BEA8 #BEC6AC #C8CEB0 #D2D6B3 #DDDEB7 #E6E4BA #EFE8BD

#B6BEA8 - #D2D6B3 - #EFE8BD

CSS codes

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

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