#EADAF3 - #B98BDB | 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 #EADAF3 to #B98BDB

#EADAF3 #B98BDB

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

#EADAF3 - #B98BDB | 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 #EADAF3 as 0% and #B98BDB as 100%.

0.0%	0.0% #EADAF3	RGB 234 218 243	#EADAF3
16.7%	16.7% #E1CCEF	RGB 225 204 239	#E1CCEF
33.3%	33.3% #D9BFEB	RGB 217 191 235	#D9BFEB
50.0%	50.0% #D1B2E7	RGB 209 178 231	#D1B2E7
66.7%	66.7% #C9A5E3	RGB 201 165 227	#C9A5E3
83.3%	83.3% #C198DF	RGB 193 152 223	#C198DF
100.0%	100.0% #B98BDB	RGB 185 139 219	#B98BDB

#EADAF3 #E1CCEF #D9BFEB #D1B2E7 #C9A5E3 #C198DF #B98BDB

#EADAF3 - #B98BDB

HSV Blend

#EADAF3 - #B98BDB | 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 #EADAF3 as 0% and #B98BDB as 100%.

0.0%	0.0% #EADAF3	RGB 234 218 243	#EADAF3
16.7%	16.7% #E2CBEF	RGB 226 203 239	#E2CBEF
33.3%	33.3% #D9BEEB	RGB 217 190 235	#D9BEEB
50.0%	50.0% #D1B0E7	RGB 209 176 231	#D1B0E7
66.7%	66.7% #C9A3E3	RGB 201 163 227	#C9A3E3
83.3%	83.3% #C197DF	RGB 193 151 223	#C197DF
100.0%	100.0% #B98BDB	RGB 185 139 219	#B98BDB

#EADAF3 #E2CBEF #D9BEEB #D1B0E7 #C9A3E3 #C197DF #B98BDB

#EADAF3 - #D1B0E7 - #B98BDB

CSS codes

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

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