#B056AC - #E480FE | 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 #B056AC to #E480FE

#B056AC #E480FE

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

#B056AC - #E480FE | 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 #B056AC as 0% and #E480FE as 100%.

0.0%	0.0% #B056AC	RGB 176 86 172	#B056AC
16.7%	16.7% #B85DB9	RGB 184 93 185	#B85DB9
33.3%	33.3% #C164C7	RGB 193 100 199	#C164C7
50.0%	50.0% #CA6BD5	RGB 202 107 213	#CA6BD5
66.7%	66.7% #D272E2	RGB 210 114 226	#D272E2
83.3%	83.3% #DB79F0	RGB 219 121 240	#DB79F0
100.0%	100.0% #E480FE	RGB 228 128 254	#E480FE

#B056AC #B85DB9 #C164C7 #CA6BD5 #D272E2 #DB79F0 #E480FE

#B056AC - #E480FE

HSV Blend

#B056AC - #E480FE | 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 #B056AC as 0% and #E480FE as 100%.

0.0%	0.0% #B056AC	RGB 176 86 172	#B056AC
16.7%	16.7% #BD5CBC	RGB 189 92 188	#BD5CBC
33.3%	33.3% #C563CA	RGB 197 99 202	#C563CA
50.0%	50.0% #CE6AD7	RGB 206 106 215	#CE6AD7
66.7%	66.7% #D571E4	RGB 213 113 228	#D571E4
83.3%	83.3% #DD78F1	RGB 221 120 241	#DD78F1
100.0%	100.0% #E480FE	RGB 228 128 254	#E480FE

#B056AC #BD5CBC #C563CA #CE6AD7 #D571E4 #DD78F1 #E480FE

#B056AC - #CE6AD7 - #E480FE

CSS codes

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

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