#EEE5E9 - #BFA1B2 | 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 #EEE5E9 to #BFA1B2

#EEE5E9 #BFA1B2

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

#EEE5E9 - #BFA1B2 | 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 #EEE5E9 as 0% and #BFA1B2 as 100%.

0.0%	0.0% #EEE5E9	RGB 238 229 233	#EEE5E9
16.7%	16.7% #E6D9DF	RGB 230 217 223	#E6D9DF
33.3%	33.3% #DECED6	RGB 222 206 214	#DECED6
50.0%	50.0% #D6C3CD	RGB 214 195 205	#D6C3CD
66.7%	66.7% #CEB7C4	RGB 206 183 196	#CEB7C4
83.3%	83.3% #C6ACBB	RGB 198 172 187	#C6ACBB
100.0%	100.0% #BFA1B2	RGB 191 161 178	#BFA1B2

#EEE5E9 #E6D9DF #DECED6 #D6C3CD #CEB7C4 #C6ACBB #BFA1B2

#EEE5E9 - #BFA1B2

HSV Blend

#EEE5E9 - #BFA1B2 | 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 #EEE5E9 as 0% and #BFA1B2 as 100%.

0.0%	0.0% #EEE5E9	RGB 238 229 233	#EEE5E9
16.7%	16.7% #E6D8DF	RGB 230 216 223	#E6D8DF
33.3%	33.3% #DECDD5	RGB 222 205 213	#DECDD5
50.0%	50.0% #D6C1CC	RGB 214 193 204	#D6C1CC
66.7%	66.7% #CEB6C3	RGB 206 182 195	#CEB6C3
83.3%	83.3% #C6ABBA	RGB 198 171 186	#C6ABBA
100.0%	100.0% #BFA1B2	RGB 191 161 178	#BFA1B2

#EEE5E9 #E6D8DF #DECDD5 #D6C1CC #CEB6C3 #C6ABBA #BFA1B2

#EEE5E9 - #D6C1CC - #BFA1B2

CSS codes

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

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