#B5A7B6 - #FFD9AF | 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 #B5A7B6 to #FFD9AF

#B5A7B6 #FFD9AF

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

#B5A7B6 - #FFD9AF | 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 #B5A7B6 as 0% and #FFD9AF as 100%.

0.0%	0.0% #B5A7B6	RGB 181 167 182	#B5A7B6
16.7%	16.7% #C1AFB4	RGB 193 175 180	#C1AFB4
33.3%	33.3% #CDB7B3	RGB 205 183 179	#CDB7B3
50.0%	50.0% #DAC0B2	RGB 218 192 178	#DAC0B2
66.7%	66.7% #E6C8B1	RGB 230 200 177	#E6C8B1
83.3%	83.3% #F2D0B0	RGB 242 208 176	#F2D0B0
100.0%	100.0% #FFD9AF	RGB 255 217 175	#FFD9AF

#B5A7B6 #C1AFB4 #CDB7B3 #DAC0B2 #E6C8B1 #F2D0B0 #FFD9AF

#B5A7B6 - #FFD9AF

HSV Blend

#B5A7B6 - #FFD9AF | 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 #B5A7B6 as 0% and #FFD9AF as 100%.

0.0%	0.0% #B5A7B6	RGB 181 167 182	#B5A7B6
16.7%	16.7% #C2AABD	RGB 194 170 189	#C2AABD
33.3%	33.3% #CEADBF	RGB 206 173 191	#CEADBF
50.0%	50.0% #DAAFBA	RGB 218 175 186	#DAAFBA
66.7%	66.7% #E6B0B0	RGB 230 176 176	#E6B0B0
83.3%	83.3% #F2C1B0	RGB 242 193 176	#F2C1B0
100.0%	100.0% #FFD9AF	RGB 255 217 175	#FFD9AF

#B5A7B6 #C2AABD #CEADBF #DAAFBA #E6B0B0 #F2C1B0 #FFD9AF

#B5A7B6 - #DAAFBA - #FFD9AF

CSS codes

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

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