#B0AFB5 - #DEE5C4 | 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 #B0AFB5 to #DEE5C4

#B0AFB5 #DEE5C4

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

#B0AFB5 - #DEE5C4 | 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 #B0AFB5 as 0% and #DEE5C4 as 100%.

0.0%	0.0% #B0AFB5	RGB 176 175 181	#B0AFB5
16.7%	16.7% #B7B8B7	RGB 183 184 183	#B7B8B7
33.3%	33.3% #BFC1BA	RGB 191 193 186	#BFC1BA
50.0%	50.0% #C7CABC	RGB 199 202 188	#C7CABC
66.7%	66.7% #CED3BF	RGB 206 211 191	#CED3BF
83.3%	83.3% #D6DCC1	RGB 214 220 193	#D6DCC1
100.0%	100.0% #DEE5C4	RGB 222 229 196	#DEE5C4

#B0AFB5 #B7B8B7 #BFC1BA #C7CABC #CED3BF #D6DCC1 #DEE5C4

#B0AFB5 - #DEE5C4

HSV Blend

#B0AFB5 - #DEE5C4 | 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 #B0AFB5 as 0% and #DEE5C4 as 100%.

0.0%	0.0% #B0AFB5	RGB 176 175 181	#B0AFB5
16.7%	16.7% #B3B6BD	RGB 179 182 189	#B3B6BD
33.3%	33.3% #B7C2C5	RGB 183 194 197	#B7C2C5
50.0%	50.0% #BACDC7	RGB 186 205 199	#BACDC7
66.7%	66.7% #BED5C2	RGB 190 213 194	#BED5C2
83.3%	83.3% #C9DDC1	RGB 201 221 193	#C9DDC1
100.0%	100.0% #DEE5C4	RGB 222 229 196	#DEE5C4

#B0AFB5 #B3B6BD #B7C2C5 #BACDC7 #BED5C2 #C9DDC1 #DEE5C4

#B0AFB5 - #BACDC7 - #DEE5C4

CSS codes

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

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