#B98FBA - #EBDFEA | 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 #B98FBA to #EBDFEA

#B98FBA #EBDFEA

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

#B98FBA - #EBDFEA | 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 #B98FBA as 0% and #EBDFEA as 100%.

0.0%	0.0% #B98FBA	RGB 185 143 186	#B98FBA
16.7%	16.7% #C19CC2	RGB 193 156 194	#C19CC2
33.3%	33.3% #C9A9CA	RGB 201 169 202	#C9A9CA
50.0%	50.0% #D2B7D2	RGB 210 183 210	#D2B7D2
66.7%	66.7% #DAC4DA	RGB 218 196 218	#DAC4DA
83.3%	83.3% #E2D1E2	RGB 226 209 226	#E2D1E2
100.0%	100.0% #EBDFEA	RGB 235 223 234	#EBDFEA

#B98FBA #C19CC2 #C9A9CA #D2B7D2 #DAC4DA #E2D1E2 #EBDFEA

#B98FBA - #EBDFEA

HSV Blend

#B98FBA - #EBDFEA | 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 #B98FBA as 0% and #EBDFEA as 100%.

0.0%	0.0% #B98FBA	RGB 185 143 186	#B98FBA
16.7%	16.7% #C19BC2	RGB 193 155 194	#C19BC2
33.3%	33.3% #CAA7C9	RGB 202 167 201	#CAA7C9
50.0%	50.0% #D2B4D1	RGB 210 180 209	#D2B4D1
66.7%	66.7% #DAC2D9	RGB 218 194 217	#DAC2D9
83.3%	83.3% #E2D0E1	RGB 226 208 225	#E2D0E1
100.0%	100.0% #EBDFEA	RGB 235 223 234	#EBDFEA

#B98FBA #C19BC2 #CAA7C9 #D2B4D1 #DAC2D9 #E2D0E1 #EBDFEA

#B98FBA - #D2B4D1 - #EBDFEA

CSS codes

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

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