#B86BA9 - #EAD4E5 | 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 #B86BA9 to #EAD4E5

#B86BA9 #EAD4E5

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

#B86BA9 - #EAD4E5 | 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 #B86BA9 as 0% and #EAD4E5 as 100%.

0.0%	0.0% #B86BA9	RGB 184 107 169	#B86BA9
16.7%	16.7% #C07CB3	RGB 192 124 179	#C07CB3
33.3%	33.3% #C88EBD	RGB 200 142 189	#C88EBD
50.0%	50.0% #D19FC7	RGB 209 159 199	#D19FC7
66.7%	66.7% #D9B1D1	RGB 217 177 209	#D9B1D1
83.3%	83.3% #E1C2DB	RGB 225 194 219	#E1C2DB
100.0%	100.0% #EAD4E5	RGB 234 212 229	#EAD4E5

#B86BA9 #C07CB3 #C88EBD #D19FC7 #D9B1D1 #E1C2DB #EAD4E5

#B86BA9 - #EAD4E5

HSV Blend

#B86BA9 - #EAD4E5 | 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 #B86BA9 as 0% and #EAD4E5 as 100%.

0.0%	0.0% #B86BA9	RGB 184 107 169	#B86BA9
16.7%	16.7% #C07AB2	RGB 192 122 178	#C07AB2
33.3%	33.3% #C88ABB	RGB 200 138 187	#C88ABB
50.0%	50.0% #D19BC5	RGB 209 155 197	#D19BC5
66.7%	66.7% #D9ADCF	RGB 217 173 207	#D9ADCF
83.3%	83.3% #E1C0DA	RGB 225 192 218	#E1C0DA
100.0%	100.0% #EAD4E5	RGB 234 212 229	#EAD4E5

#B86BA9 #C07AB2 #C88ABB #D19BC5 #D9ADCF #E1C0DA #EAD4E5

#B86BA9 - #D19BC5 - #EAD4E5

CSS codes

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

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