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

#B97FD8 #EADAF3

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

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

0.0%	0.0% #B97FD8	RGB 185 127 216	#B97FD8
16.7%	16.7% #C18EDC	RGB 193 142 220	#C18EDC
33.3%	33.3% #C99DE1	RGB 201 157 225	#C99DE1
50.0%	50.0% #D1ACE5	RGB 209 172 229	#D1ACE5
66.7%	66.7% #D9BBEA	RGB 217 187 234	#D9BBEA
83.3%	83.3% #E1CAEE	RGB 225 202 238	#E1CAEE
100.0%	100.0% #EADAF3	RGB 234 218 243	#EADAF3

#B97FD8 #C18EDC #C99DE1 #D1ACE5 #D9BBEA #E1CAEE #EADAF3

#B97FD8 - #EADAF3

HSV Blend

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

0.0%	0.0% #B97FD8	RGB 185 127 216	#B97FD8
16.7%	16.7% #C08DDC	RGB 192 141 220	#C08DDC
33.3%	33.3% #C89BE1	RGB 200 155 225	#C89BE1
50.0%	50.0% #D0AAE5	RGB 208 170 229	#D0AAE5
66.7%	66.7% #D8B9EA	RGB 216 185 234	#D8B9EA
83.3%	83.3% #E1C9EE	RGB 225 201 238	#E1C9EE
100.0%	100.0% #EADAF3	RGB 234 218 243	#EADAF3

#B97FD8 #C08DDC #C89BE1 #D0AAE5 #D8B9EA #E1C9EE #EADAF3

#B97FD8 - #D0AAE5 - #EADAF3

CSS codes

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

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