#B7ACB5 - #FFE6CD | 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 #B7ACB5 to #FFE6CD

#B7ACB5 #FFE6CD

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

#B7ACB5 - #FFE6CD | 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 #B7ACB5 as 0% and #FFE6CD as 100%.

0.0%	0.0% #B7ACB5	RGB 183 172 181	#B7ACB5
16.7%	16.7% #C3B5B9	RGB 195 181 185	#C3B5B9
33.3%	33.3% #CFBFBD	RGB 207 191 189	#CFBFBD
50.0%	50.0% #DBC9C1	RGB 219 201 193	#DBC9C1
66.7%	66.7% #E7D2C5	RGB 231 210 197	#E7D2C5
83.3%	83.3% #F3DCC9	RGB 243 220 201	#F3DCC9
100.0%	100.0% #FFE6CD	RGB 255 230 205	#FFE6CD

#B7ACB5 #C3B5B9 #CFBFBD #DBC9C1 #E7D2C5 #F3DCC9 #FFE6CD

#B7ACB5 - #FFE6CD

HSV Blend

#B7ACB5 - #FFE6CD | 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 #B7ACB5 as 0% and #FFE6CD as 100%.

0.0%	0.0% #B7ACB5	RGB 183 172 181	#B7ACB5
16.7%	16.7% #C3B2BC	RGB 195 178 188	#C3B2BC
33.3%	33.3% #CFB9C1	RGB 207 185 193	#CFB9C1
50.0%	50.0% #DBBEC3	RGB 219 190 195	#DBBEC3
66.7%	66.7% #E7C6C4	RGB 231 198 196	#E7C6C4
83.3%	83.3% #F3D4C8	RGB 243 212 200	#F3D4C8
100.0%	100.0% #FFE6CD	RGB 255 230 205	#FFE6CD

#B7ACB5 #C3B2BC #CFB9C1 #DBBEC3 #E7C6C4 #F3D4C8 #FFE6CD

#B7ACB5 - #DBBEC3 - #FFE6CD

CSS codes

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

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