#B1909B - #E8DFE2 | 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 #B1909B to #E8DFE2

#B1909B #E8DFE2

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

#B1909B - #E8DFE2 | 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 #B1909B as 0% and #E8DFE2 as 100%.

0.0%	0.0% #B1909B	RGB 177 144 155	#B1909B
16.7%	16.7% #BA9DA6	RGB 186 157 166	#BA9DA6
33.3%	33.3% #C3AAB2	RGB 195 170 178	#C3AAB2
50.0%	50.0% #CCB7BE	RGB 204 183 190	#CCB7BE
66.7%	66.7% #D5C4CA	RGB 213 196 202	#D5C4CA
83.3%	83.3% #DED1D6	RGB 222 209 214	#DED1D6
100.0%	100.0% #E8DFE2	RGB 232 223 226	#E8DFE2

#B1909B #BA9DA6 #C3AAB2 #CCB7BE #D5C4CA #DED1D6 #E8DFE2

#B1909B - #E8DFE2

HSV Blend

#B1909B - #E8DFE2 | 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 #B1909B as 0% and #E8DFE2 as 100%.

0.0%	0.0% #B1909B	RGB 177 144 155	#B1909B
16.7%	16.7% #BA9CA6	RGB 186 156 166	#BA9CA6
33.3%	33.3% #C3A8B1	RGB 195 168 177	#C3A8B1
50.0%	50.0% #CCB5BD	RGB 204 181 189	#CCB5BD
66.7%	66.7% #D5C2C9	RGB 213 194 201	#D5C2C9
83.3%	83.3% #DED0D5	RGB 222 208 213	#DED0D5
100.0%	100.0% #E8DFE2	RGB 232 223 226	#E8DFE2

#B1909B #BA9CA6 #C3A8B1 #CCB5BD #D5C2C9 #DED0D5 #E8DFE2

#B1909B - #CCB5BD - #E8DFE2

CSS codes

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

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