#FBC2FC - #AB5BC7 | 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 #FBC2FC to #AB5BC7

#FBC2FC #AB5BC7

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

#FBC2FC - #AB5BC7 | 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 #FBC2FC as 0% and #AB5BC7 as 100%.

0.0%	0.0% #FBC2FC	RGB 251 194 252	#FBC2FC
16.7%	16.7% #EDB0F3	RGB 237 176 243	#EDB0F3
33.3%	33.3% #E09FEA	RGB 224 159 234	#E09FEA
50.0%	50.0% #D38EE1	RGB 211 142 225	#D38EE1
66.7%	66.7% #C57DD8	RGB 197 125 216	#C57DD8
83.3%	83.3% #B86CCF	RGB 184 108 207	#B86CCF
100.0%	100.0% #AB5BC7	RGB 171 91 199	#AB5BC7

#FBC2FC #EDB0F3 #E09FEA #D38EE1 #C57DD8 #B86CCF #AB5BC7

#FBC2FC - #AB5BC7

HSV Blend

#FBC2FC - #AB5BC7 | 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 #FBC2FC as 0% and #AB5BC7 as 100%.

0.0%	0.0% #FBC2FC	RGB 251 194 252	#FBC2FC
16.7%	16.7% #EFAEF3	RGB 239 174 243	#EFAEF3
33.3%	33.3% #E29BEA	RGB 226 155 234	#E29BEA
50.0%	50.0% #D58AE1	RGB 213 138 225	#D58AE1
66.7%	66.7% #C779D8	RGB 199 121 216	#C779D8
83.3%	83.3% #B969CF	RGB 185 105 207	#B969CF
100.0%	100.0% #AB5BC7	RGB 171 91 199	#AB5BC7

#FBC2FC #EFAEF3 #E29BEA #D58AE1 #C779D8 #B969CF #AB5BC7

#FBC2FC - #D58AE1 - #AB5BC7

CSS codes

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

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