#B76AC2 - #FFBFC4 | 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 #B76AC2 to #FFBFC4

#B76AC2 #FFBFC4

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

#B76AC2 - #FFBFC4 | 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 #B76AC2 as 0% and #FFBFC4 as 100%.

0.0%	0.0% #B76AC2	RGB 183 106 194	#B76AC2
16.7%	16.7% #C378C2	RGB 195 120 194	#C378C2
33.3%	33.3% #CF86C2	RGB 207 134 194	#CF86C2
50.0%	50.0% #DB94C3	RGB 219 148 195	#DB94C3
66.7%	66.7% #E7A2C3	RGB 231 162 195	#E7A2C3
83.3%	83.3% #F3B0C3	RGB 243 176 195	#F3B0C3
100.0%	100.0% #FFBFC4	RGB 255 191 196	#FFBFC4

#B76AC2 #C378C2 #CF86C2 #DB94C3 #E7A2C3 #F3B0C3 #FFBFC4

#B76AC2 - #FFBFC4

HSV Blend

#B76AC2 - #FFBFC4 | 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 #B76AC2 as 0% and #FFBFC4 as 100%.

0.0%	0.0% #B76AC2	RGB 183 106 194	#B76AC2
16.7%	16.7% #CC76C7	RGB 204 118 199	#CC76C7
33.3%	33.3% #D683C3	RGB 214 131 195	#D683C3
50.0%	50.0% #E091C0	RGB 224 145 192	#E091C0
66.7%	66.7% #EA9FBF	RGB 234 159 191	#EA9FBF
83.3%	83.3% #F4AFC0	RGB 244 175 192	#F4AFC0
100.0%	100.0% #FFBFC4	RGB 255 191 196	#FFBFC4

#B76AC2 #CC76C7 #D683C3 #E091C0 #EA9FBF #F4AFC0 #FFBFC4

#B76AC2 - #E091C0 - #FFBFC4

CSS codes

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

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