#B263C0 - #FEB9C4 | 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 #B263C0 to #FEB9C4

#B263C0 #FEB9C4

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

#B263C0 - #FEB9C4 | 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 #B263C0 as 0% and #FEB9C4 as 100%.

0.0%	0.0% #B263C0	RGB 178 99 192	#B263C0
16.7%	16.7% #BE71C0	RGB 190 113 192	#BE71C0
33.3%	33.3% #CB7FC1	RGB 203 127 193	#CB7FC1
50.0%	50.0% #D88EC2	RGB 216 142 194	#D88EC2
66.7%	66.7% #E49CC2	RGB 228 156 194	#E49CC2
83.3%	83.3% #F1AAC3	RGB 241 170 195	#F1AAC3
100.0%	100.0% #FEB9C4	RGB 254 185 196	#FEB9C4

#B263C0 #BE71C0 #CB7FC1 #D88EC2 #E49CC2 #F1AAC3 #FEB9C4

#B263C0 - #FEB9C4

HSV Blend

#B263C0 - #FEB9C4 | 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 #B263C0 as 0% and #FEB9C4 as 100%.

0.0%	0.0% #B263C0	RGB 178 99 192	#B263C0
16.7%	16.7% #CA6FC9	RGB 202 111 201	#CA6FC9
33.3%	33.3% #D47CC4	RGB 212 124 196	#D47CC4
50.0%	50.0% #DF8AC1	RGB 223 138 193	#DF8AC1
66.7%	66.7% #E999C0	RGB 233 153 192	#E999C0
83.3%	83.3% #F3A8C1	RGB 243 168 193	#F3A8C1
100.0%	100.0% #FEB9C4	RGB 254 185 196	#FEB9C4

#B263C0 #CA6FC9 #D47CC4 #DF8AC1 #E999C0 #F3A8C1 #FEB9C4

#B263C0 - #DF8AC1 - #FEB9C4

CSS codes

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

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