#FFBBB2 - #EDC0FE | 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 #FFBBB2 to #EDC0FE

#FFBBB2 #EDC0FE

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

#FFBBB2 - #EDC0FE | 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 #FFBBB2 as 0% and #EDC0FE as 100%.

0.0%	0.0% #FFBBB2	RGB 255 187 178	#FFBBB2
16.7%	16.7% #FCBBBE	RGB 252 187 190	#FCBBBE
33.3%	33.3% #F9BCCB	RGB 249 188 203	#F9BCCB
50.0%	50.0% #F6BDD8	RGB 246 189 216	#F6BDD8
66.7%	66.7% #F3BEE4	RGB 243 190 228	#F3BEE4
83.3%	83.3% #F0BFF1	RGB 240 191 241	#F0BFF1
100.0%	100.0% #EDC0FE	RGB 237 192 254	#EDC0FE

#FFBBB2 #FCBBBE #F9BCCB #F6BDD8 #F3BEE4 #F0BFF1 #EDC0FE

#FFBBB2 - #EDC0FE

HSV Blend

#FFBBB2 - #EDC0FE | 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 #FFBBB2 as 0% and #EDC0FE as 100%.

0.0%	0.0% #FFBBB2	RGB 255 187 178	#FFBBB2
16.7%	16.7% #FEB4BC	RGB 254 180 188	#FEB4BC
33.3%	33.3% #FEB6CF	RGB 254 182 207	#FEB6CF
50.0%	50.0% #FEB9E1	RGB 254 185 225	#FEB9E1
66.7%	66.7% #FEBBF1	RGB 254 187 241	#FEBBF1
83.3%	83.3% #FBBDFE	RGB 251 189 254	#FBBDFE
100.0%	100.0% #EDC0FE	RGB 237 192 254	#EDC0FE

#FFBBB2 #FEB4BC #FEB6CF #FEB9E1 #FEBBF1 #FBBDFE #EDC0FE

#FFBBB2 - #FEB9E1 - #EDC0FE

CSS codes

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

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