#B5A8A7 - #FFE4C4 | 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 #B5A8A7 to #FFE4C4

#B5A8A7 #FFE4C4

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

#B5A8A7 - #FFE4C4 | 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 #B5A8A7 as 0% and #FFE4C4 as 100%.

0.0%	0.0% #B5A8A7	RGB 181 168 167	#B5A8A7
16.7%	16.7% #C1B2AB	RGB 193 178 171	#C1B2AB
33.3%	33.3% #CDBCB0	RGB 205 188 176	#CDBCB0
50.0%	50.0% #DAC6B5	RGB 218 198 181	#DAC6B5
66.7%	66.7% #E6D0BA	RGB 230 208 186	#E6D0BA
83.3%	83.3% #F2DABF	RGB 242 218 191	#F2DABF
100.0%	100.0% #FFE4C4	RGB 255 228 196	#FFE4C4

#B5A8A7 #C1B2AB #CDBCB0 #DAC6B5 #E6D0BA #F2DABF #FFE4C4

#B5A8A7 - #FFE4C4

HSV Blend

#B5A8A7 - #FFE4C4 | 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 #B5A8A7 as 0% and #FFE4C4 as 100%.

0.0%	0.0% #B5A8A7	RGB 181 168 167	#B5A8A7
16.7%	16.7% #C1B0AD	RGB 193 176 173	#C1B0AD
33.3%	33.3% #CDB9B3	RGB 205 185 179	#CDB9B3
50.0%	50.0% #DAC2B8	RGB 218 194 184	#DAC2B8
66.7%	66.7% #E6CCBC	RGB 230 204 188	#E6CCBC
83.3%	83.3% #F2D7C0	RGB 242 215 192	#F2D7C0
100.0%	100.0% #FFE4C4	RGB 255 228 196	#FFE4C4

#B5A8A7 #C1B0AD #CDB9B3 #DAC2B8 #E6CCBC #F2D7C0 #FFE4C4

#B5A8A7 - #DAC2B8 - #FFE4C4

CSS codes

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

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