#B2AAAA - #FFE5C7 | 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 #B2AAAA to #FFE5C7

#B2AAAA #FFE5C7

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

#B2AAAA - #FFE5C7 | 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 #B2AAAA as 0% and #FFE5C7 as 100%.

0.0%	0.0% #B2AAAA	RGB 178 170 170	#B2AAAA
16.7%	16.7% #BEB3AE	RGB 190 179 174	#BEB3AE
33.3%	33.3% #CBBDB3	RGB 203 189 179	#CBBDB3
50.0%	50.0% #D8C7B8	RGB 216 199 184	#D8C7B8
66.7%	66.7% #E5D1BD	RGB 229 209 189	#E5D1BD
83.3%	83.3% #F2DBC2	RGB 242 219 194	#F2DBC2
100.0%	100.0% #FFE5C7	RGB 255 229 199	#FFE5C7

#B2AAAA #BEB3AE #CBBDB3 #D8C7B8 #E5D1BD #F2DBC2 #FFE5C7

#B2AAAA - #FFE5C7

HSV Blend

#B2AAAA - #FFE5C7 | 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 #B2AAAA as 0% and #FFE5C7 as 100%.

0.0%	0.0% #B2AAAA	RGB 178 170 170	#B2AAAA
16.7%	16.7% #BEB1B0	RGB 190 177 176	#BEB1B0
33.3%	33.3% #CBBAB6	RGB 203 186 182	#CBBAB6
50.0%	50.0% #D8C3BB	RGB 216 195 187	#D8C3BB
66.7%	66.7% #E5CDC0	RGB 229 205 192	#E5CDC0
83.3%	83.3% #F2D8C4	RGB 242 216 196	#F2D8C4
100.0%	100.0% #FFE5C7	RGB 255 229 199	#FFE5C7

#B2AAAA #BEB1B0 #CBBAB6 #D8C3BB #E5CDC0 #F2D8C4 #FFE5C7

#B2AAAA - #D8C3BB - #FFE5C7

CSS codes

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

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