#B7B5CE - #FFE5CC | 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 #B7B5CE to #FFE5CC

#B7B5CE #FFE5CC

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

#B7B5CE - #FFE5CC | 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 #B7B5CE as 0% and #FFE5CC as 100%.

0.0%	0.0% #B7B5CE	RGB 183 181 206	#B7B5CE
16.7%	16.7% #C3BDCD	RGB 195 189 205	#C3BDCD
33.3%	33.3% #CFC5CD	RGB 207 197 205	#CFC5CD
50.0%	50.0% #DBCDCD	RGB 219 205 205	#DBCDCD
66.7%	66.7% #E7D5CC	RGB 231 213 204	#E7D5CC
83.3%	83.3% #F3DDCC	RGB 243 221 204	#F3DDCC
100.0%	100.0% #FFE5CC	RGB 255 229 204	#FFE5CC

#B7B5CE #C3BDCD #CFC5CD #DBCDCD #E7D5CC #F3DDCC #FFE5CC

#B7B5CE - #FFE5CC

HSV Blend

#B7B5CE - #FFE5CC | 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 #B7B5CE as 0% and #FFE5CC as 100%.

0.0%	0.0% #B7B5CE	RGB 183 181 206	#B7B5CE
16.7%	16.7% #C7B9D6	RGB 199 185 214	#C7B9D6
33.3%	33.3% #DABDDE	RGB 218 189 222	#DABDDE
50.0%	50.0% #E6C1DB	RGB 230 193 219	#E6C1DB
66.7%	66.7% #EEC5D2	RGB 238 197 210	#EEC5D2
83.3%	83.3% #F6CCC8	RGB 246 204 200	#F6CCC8
100.0%	100.0% #FFE5CC	RGB 255 229 204	#FFE5CC

#B7B5CE #C7B9D6 #DABDDE #E6C1DB #EEC5D2 #F6CCC8 #FFE5CC

#B7B5CE - #E6C1DB - #FFE5CC

CSS codes

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

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