#BB1ED2 - #FE8EEE | 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 #BB1ED2 to #FE8EEE

#BB1ED2 #FE8EEE

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

#BB1ED2 - #FE8EEE | 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 #BB1ED2 as 0% and #FE8EEE as 100%.

0.0%	0.0% #BB1ED2	RGB 187 30 210	#BB1ED2
16.7%	16.7% #C630D6	RGB 198 48 214	#C630D6
33.3%	33.3% #D143DB	RGB 209 67 219	#D143DB
50.0%	50.0% #DC56E0	RGB 220 86 224	#DC56E0
66.7%	66.7% #E768E4	RGB 231 104 228	#E768E4
83.3%	83.3% #F27BE9	RGB 242 123 233	#F27BE9
100.0%	100.0% #FE8EEE	RGB 254 142 238	#FE8EEE

#BB1ED2 #C630D6 #D143DB #DC56E0 #E768E4 #F27BE9 #FE8EEE

#BB1ED2 - #FE8EEE

HSV Blend

#BB1ED2 - #FE8EEE | 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 #BB1ED2 as 0% and #FE8EEE as 100%.

0.0%	0.0% #BB1ED2	RGB 187 30 210	#BB1ED2
16.7%	16.7% #CB2ED9	RGB 203 46 217	#CB2ED9
33.3%	33.3% #DA3FE0	RGB 218 63 224	#DA3FE0
50.0%	50.0% #E851E6	RGB 232 81 230	#E851E6
66.7%	66.7% #EF64E8	RGB 239 100 232	#EF64E8
83.3%	83.3% #F678EA	RGB 246 120 234	#F678EA
100.0%	100.0% #FE8EEE	RGB 254 142 238	#FE8EEE

#BB1ED2 #CB2ED9 #DA3FE0 #E851E6 #EF64E8 #F678EA #FE8EEE

#BB1ED2 - #E851E6 - #FE8EEE

CSS codes

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

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