#BF2BAF - #FA9ADE | 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 #BF2BAF to #FA9ADE

#BF2BAF #FA9ADE

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

#BF2BAF - #FA9ADE | 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 #BF2BAF as 0% and #FA9ADE as 100%.

0.0%	0.0% #BF2BAF	RGB 191 43 175	#BF2BAF
16.7%	16.7% #C83DB6	RGB 200 61 182	#C83DB6
33.3%	33.3% #D250BE	RGB 210 80 190	#D250BE
50.0%	50.0% #DC62C6	RGB 220 98 198	#DC62C6
66.7%	66.7% #E675CE	RGB 230 117 206	#E675CE
83.3%	83.3% #F087D6	RGB 240 135 214	#F087D6
100.0%	100.0% #FA9ADE	RGB 250 154 222	#FA9ADE

#BF2BAF #C83DB6 #D250BE #DC62C6 #E675CE #F087D6 #FA9ADE

#BF2BAF - #FA9ADE

HSV Blend

#BF2BAF - #FA9ADE | 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 #BF2BAF as 0% and #FA9ADE as 100%.

0.0%	0.0% #BF2BAF	RGB 191 43 175	#BF2BAF
16.7%	16.7% #C83AB5	RGB 200 58 181	#C83AB5
33.3%	33.3% #D24ABB	RGB 210 74 187	#D24ABB
50.0%	50.0% #DC5CC2	RGB 220 92 194	#DC5CC2
66.7%	66.7% #E66FCB	RGB 230 111 203	#E66FCB
83.3%	83.3% #F084D4	RGB 240 132 212	#F084D4
100.0%	100.0% #FA9ADE	RGB 250 154 222	#FA9ADE

#BF2BAF #C83AB5 #D24ABB #DC5CC2 #E66FCB #F084D4 #FA9ADE

#BF2BAF - #DC5CC2 - #FA9ADE

CSS codes

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

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