#BF66A8 - #F9C3C8 | 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 #BF66A8 to #F9C3C8

#BF66A8 #F9C3C8

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

#BF66A8 - #F9C3C8 | 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 #BF66A8 as 0% and #F9C3C8 as 100%.

0.0%	0.0% #BF66A8	RGB 191 102 168	#BF66A8
16.7%	16.7% #C875AD	RGB 200 117 173	#C875AD
33.3%	33.3% #D285B2	RGB 210 133 178	#D285B2
50.0%	50.0% #DC94B8	RGB 220 148 184	#DC94B8
66.7%	66.7% #E5A4BD	RGB 229 164 189	#E5A4BD
83.3%	83.3% #EFB3C2	RGB 239 179 194	#EFB3C2
100.0%	100.0% #F9C3C8	RGB 249 195 200	#F9C3C8

#BF66A8 #C875AD #D285B2 #DC94B8 #E5A4BD #EFB3C2 #F9C3C8

#BF66A8 - #F9C3C8

HSV Blend

#BF66A8 - #F9C3C8 | 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 #BF66A8 as 0% and #F9C3C8 as 100%.

0.0%	0.0% #BF66A7	RGB 191 102 167	#BF66A7
16.7%	16.7% #C873A9	RGB 200 115 169	#C873A9
33.3%	33.3% #D281AC	RGB 210 129 172	#D281AC
50.0%	50.0% #DC90B0	RGB 220 144 176	#DC90B0
66.7%	66.7% #E5A0B6	RGB 229 160 182	#E5A0B6
83.3%	83.3% #EFB1BD	RGB 239 177 189	#EFB1BD
100.0%	100.0% #F9C3C8	RGB 249 195 200	#F9C3C8

#BF66A7 #C873A9 #D281AC #DC90B0 #E5A0B6 #EFB1BD #F9C3C8

#BF66A8 - #DC90B0 - #F9C3C8

CSS codes

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

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