#FBC6FF - #CF5FCE | 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 #FBC6FF to #CF5FCE

#FBC6FF #CF5FCE

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

#FBC6FF - #CF5FCE | 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 #FBC6FF as 0% and #CF5FCE as 100%.

0.0%	0.0% #FBC6FF	RGB 251 198 255	#FBC6FF
16.7%	16.7% #F3B4F6	RGB 243 180 246	#F3B4F6
33.3%	33.3% #ECA3EE	RGB 236 163 238	#ECA3EE
50.0%	50.0% #E592E6	RGB 229 146 230	#E592E6
66.7%	66.7% #DD81DE	RGB 221 129 222	#DD81DE
83.3%	83.3% #D670D6	RGB 214 112 214	#D670D6
100.0%	100.0% #CF5FCE	RGB 207 95 206	#CF5FCE

#FBC6FF #F3B4F6 #ECA3EE #E592E6 #DD81DE #D670D6 #CF5FCE

#FBC6FF - #CF5FCE

HSV Blend

#FBC6FF - #CF5FCE | 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 #FBC6FF as 0% and #CF5FCE as 100%.

0.0%	0.0% #FBC6FF	RGB 251 198 255	#FBC6FF
16.7%	16.7% #F3B2F7	RGB 243 178 247	#F3B2F7
33.3%	33.3% #EBA0EF	RGB 235 160 239	#EBA0EF
50.0%	50.0% #E48EE7	RGB 228 142 231	#E48EE7
66.7%	66.7% #DD7DDF	RGB 221 125 223	#DD7DDF
83.3%	83.3% #D66ED7	RGB 214 110 215	#D66ED7
100.0%	100.0% #CF5FCE	RGB 207 95 206	#CF5FCE

#FBC6FF #F3B2F7 #EBA0EF #E48EE7 #DD7DDF #D66ED7 #CF5FCE

#FBC6FF - #E48EE7 - #CF5FCE

CSS codes

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

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