#E2BFD5 - #B9608E | 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 #E2BFD5 to #B9608E

#E2BFD5 #B9608E

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

#E2BFD5 - #B9608E | 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 #E2BFD5 as 0% and #B9608E as 100%.

0.0%	0.0% #E2BFD5	RGB 226 191 213	#E2BFD5
16.7%	16.7% #DBAFC9	RGB 219 175 201	#DBAFC9
33.3%	33.3% #D49FBD	RGB 212 159 189	#D49FBD
50.0%	50.0% #CD8FB1	RGB 205 143 177	#CD8FB1
66.7%	66.7% #C67FA5	RGB 198 127 165	#C67FA5
83.3%	83.3% #BF6F99	RGB 191 111 153	#BF6F99
100.0%	100.0% #B9608E	RGB 185 96 142	#B9608E

#E2BFD5 #DBAFC9 #D49FBD #CD8FB1 #C67FA5 #BF6F99 #B9608E

#E2BFD5 - #B9608E

HSV Blend

#E2BFD5 - #B9608E | 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 #E2BFD5 as 0% and #B9608E as 100%.

0.0%	0.0% #E2BFD5	RGB 226 191 213	#E2BFD5
16.7%	16.7% #DBADC9	RGB 219 173 201	#DBADC9
33.3%	33.3% #D49CBD	RGB 212 156 189	#D49CBD
50.0%	50.0% #CD8CB1	RGB 205 140 177	#CD8CB1
66.7%	66.7% #C67CA5	RGB 198 124 165	#C67CA5
83.3%	83.3% #BF6D99	RGB 191 109 153	#BF6D99
100.0%	100.0% #B9608E	RGB 185 96 142	#B9608E

#E2BFD5 #DBADC9 #D49CBD #CD8CB1 #C67CA5 #BF6D99 #B9608E

#E2BFD5 - #CD8CB1 - #B9608E

CSS codes

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

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