#BF67C0 - #FFBEC2 | 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 #BF67C0 to #FFBEC2

#BF67C0 #FFBEC2

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

#BF67C0 - #FFBEC2 | 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 #BF67C0 as 0% and #FFBEC2 as 100%.

0.0%	0.0% #BF67C0	RGB 191 103 192	#BF67C0
16.7%	16.7% #C975C0	RGB 201 117 192	#C975C0
33.3%	33.3% #D484C0	RGB 212 132 192	#D484C0
50.0%	50.0% #DF92C1	RGB 223 146 193	#DF92C1
66.7%	66.7% #E9A1C1	RGB 233 161 193	#E9A1C1
83.3%	83.3% #F4AFC1	RGB 244 175 193	#F4AFC1
100.0%	100.0% #FFBEC2	RGB 255 190 194	#FFBEC2

#BF67C0 #C975C0 #D484C0 #DF92C1 #E9A1C1 #F4AFC1 #FFBEC2

#BF67C0 - #FFBEC2

HSV Blend

#BF67C0 - #FFBEC2 | 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 #BF67C0 as 0% and #FFBEC2 as 100%.

0.0%	0.0% #BF67C0	RGB 191 103 192	#BF67C0
16.7%	16.7% #CA73BD	RGB 202 115 189	#CA73BD
33.3%	33.3% #D581BB	RGB 213 129 187	#D581BB
50.0%	50.0% #DF8FBA	RGB 223 143 186	#DF8FBA
66.7%	66.7% #EA9EBA	RGB 234 158 186	#EA9EBA
83.3%	83.3% #F4ADBD	RGB 244 173 189	#F4ADBD
100.0%	100.0% #FFBEC2	RGB 255 190 194	#FFBEC2

#BF67C0 #CA73BD #D581BB #DF8FBA #EA9EBA #F4ADBD #FFBEC2

#BF67C0 - #DF8FBA - #FFBEC2

CSS codes

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

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