#B5B5AF - #FFE3BC | 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 #B5B5AF to #FFE3BC

#B5B5AF #FFE3BC

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

#B5B5AF - #FFE3BC | 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 #B5B5AF as 0% and #FFE3BC as 100%.

0.0%	0.0% #B5B5AF	RGB 181 181 175	#B5B5AF
16.7%	16.7% #C1BCB1	RGB 193 188 177	#C1BCB1
33.3%	33.3% #CDC4B3	RGB 205 196 179	#CDC4B3
50.0%	50.0% #DACCB5	RGB 218 204 181	#DACCB5
66.7%	66.7% #E6D3B7	RGB 230 211 183	#E6D3B7
83.3%	83.3% #F2DBB9	RGB 242 219 185	#F2DBB9
100.0%	100.0% #FFE3BC	RGB 255 227 188	#FFE3BC

#B5B5AF #C1BCB1 #CDC4B3 #DACCB5 #E6D3B7 #F2DBB9 #FFE3BC

#B5B5AF - #FFE3BC

HSV Blend

#B5B5AF - #FFE3BC | 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 #B5B5AF as 0% and #FFE3BC as 100%.

0.0%	0.0% #B5B5AF	RGB 181 181 175	#B5B5AF
16.7%	16.7% #C1C0B3	RGB 193 192 179	#C1C0B3
33.3%	33.3% #CDCAB7	RGB 205 202 183	#CDCAB7
50.0%	50.0% #DAD3B9	RGB 218 211 185	#DAD3B9
66.7%	66.7% #E6DABB	RGB 230 218 187	#E6DABB
83.3%	83.3% #F2DFBC	RGB 242 223 188	#F2DFBC
100.0%	100.0% #FFE3BC	RGB 255 227 188	#FFE3BC

#B5B5AF #C1C0B3 #CDCAB7 #DAD3B9 #E6DABB #F2DFBC #FFE3BC

#B5B5AF - #DAD3B9 - #FFE3BC

CSS codes

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

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