#BB5FC1 - #FFB8C5 | 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 #BB5FC1 to #FFB8C5

#BB5FC1 #FFB8C5

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

#BB5FC1 - #FFB8C5 | 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 #BB5FC1 as 0% and #FFB8C5 as 100%.

0.0%	0.0% #BB5FC1	RGB 187 95 193	#BB5FC1
16.7%	16.7% #C66DC1	RGB 198 109 193	#C66DC1
33.3%	33.3% #D17CC2	RGB 209 124 194	#D17CC2
50.0%	50.0% #DD8BC3	RGB 221 139 195	#DD8BC3
66.7%	66.7% #E89AC3	RGB 232 154 195	#E89AC3
83.3%	83.3% #F3A9C4	RGB 243 169 196	#F3A9C4
100.0%	100.0% #FFB8C5	RGB 255 184 197	#FFB8C5

#BB5FC1 #C66DC1 #D17CC2 #DD8BC3 #E89AC3 #F3A9C4 #FFB8C5

#BB5FC1 - #FFB8C5

HSV Blend

#BB5FC1 - #FFB8C5 | 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 #BB5FC1 as 0% and #FFB8C5 as 100%.

0.0%	0.0% #BB5EC1	RGB 187 94 193	#BB5EC1
16.7%	16.7% #CB6BC3	RGB 203 107 195	#CB6BC3
33.3%	33.3% #D579C0	RGB 213 121 192	#D579C0
50.0%	50.0% #E087BE	RGB 224 135 190	#E087BE
66.7%	66.7% #EA97BE	RGB 234 151 190	#EA97BE
83.3%	83.3% #F4A7C0	RGB 244 167 192	#F4A7C0
100.0%	100.0% #FFB8C5	RGB 255 184 197	#FFB8C5

#BB5EC1 #CB6BC3 #D579C0 #E087BE #EA97BE #F4A7C0 #FFB8C5

#BB5FC1 - #E087BE - #FFB8C5

CSS codes

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

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