#B054DD - #E8CEF5 | 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 #B054DD to #E8CEF5

#B054DD #E8CEF5

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

#B054DD - #E8CEF5 | 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 #B054DD as 0% and #E8CEF5 as 100%.

0.0%	0.0% #B054DD	RGB 176 84 221	#B054DD
16.7%	16.7% #B968E1	RGB 185 104 225	#B968E1
33.3%	33.3% #C27CE5	RGB 194 124 229	#C27CE5
50.0%	50.0% #CC91E9	RGB 204 145 233	#CC91E9
66.7%	66.7% #D5A5ED	RGB 213 165 237	#D5A5ED
83.3%	83.3% #DEB9F1	RGB 222 185 241	#DEB9F1
100.0%	100.0% #E8CEF5	RGB 232 206 245	#E8CEF5

#B054DD #B968E1 #C27CE5 #CC91E9 #D5A5ED #DEB9F1 #E8CEF5

#B054DD - #E8CEF5

HSV Blend

#B054DD - #E8CEF5 | 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 #B054DD as 0% and #E8CEF5 as 100%.

0.0%	0.0% #AF54DD	RGB 175 84 221	#AF54DD
16.7%	16.7% #B866E1	RGB 184 102 225	#B866E1
33.3%	33.3% #C17AE5	RGB 193 122 229	#C17AE5
50.0%	50.0% #CA8EE9	RGB 202 142 233	#CA8EE9
66.7%	66.7% #D4A2ED	RGB 212 162 237	#D4A2ED
83.3%	83.3% #DEB8F1	RGB 222 184 241	#DEB8F1
100.0%	100.0% #E8CEF5	RGB 232 206 245	#E8CEF5

#AF54DD #B866E1 #C17AE5 #CA8EE9 #D4A2ED #DEB8F1 #E8CEF5

#B054DD - #CA8EE9 - #E8CEF5

CSS codes

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

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