#FEC9FF - #B065CB | 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 #FEC9FF to #B065CB

#FEC9FF #B065CB

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

#FEC9FF - #B065CB | 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 #FEC9FF as 0% and #B065CB as 100%.

0.0%	0.0% #FEC9FF	RGB 254 201 255	#FEC9FF
16.7%	16.7% #F1B8F6	RGB 241 184 246	#F1B8F6
33.3%	33.3% #E4A7ED	RGB 228 167 237	#E4A7ED
50.0%	50.0% #D797E5	RGB 215 151 229	#D797E5
66.7%	66.7% #CA86DC	RGB 202 134 220	#CA86DC
83.3%	83.3% #BD75D3	RGB 189 117 211	#BD75D3
100.0%	100.0% #B065CB	RGB 176 101 203	#B065CB

#FEC9FF #F1B8F6 #E4A7ED #D797E5 #CA86DC #BD75D3 #B065CB

#FEC9FF - #B065CB

HSV Blend

#FEC9FF - #B065CB | 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 #FEC9FF as 0% and #B065CB as 100%.

0.0%	0.0% #FEC9FF	RGB 254 201 255	#FEC9FF
16.7%	16.7% #F2B6F6	RGB 242 182 246	#F2B6F6
33.3%	33.3% #E6A4ED	RGB 230 164 237	#E6A4ED
50.0%	50.0% #D993E5	RGB 217 147 229	#D993E5
66.7%	66.7% #CC82DC	RGB 204 130 220	#CC82DC
83.3%	83.3% #BE73D3	RGB 190 115 211	#BE73D3
100.0%	100.0% #B065CB	RGB 176 101 203	#B065CB

#FEC9FF #F2B6F6 #E6A4ED #D993E5 #CC82DC #BE73D3 #B065CB

#FEC9FF - #D993E5 - #B065CB

CSS codes

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

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