#B06ECF - #FEB0DF | 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 #B06ECF to #FEB0DF

#B06ECF #FEB0DF

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

#B06ECF - #FEB0DF | 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 #B06ECF as 0% and #FEB0DF as 100%.

0.0%	0.0% #B06ECF	RGB 176 110 207	#B06ECF
16.7%	16.7% #BD79D1	RGB 189 121 209	#BD79D1
33.3%	33.3% #CA84D4	RGB 202 132 212	#CA84D4
50.0%	50.0% #D78FD7	RGB 215 143 215	#D78FD7
66.7%	66.7% #E49AD9	RGB 228 154 217	#E49AD9
83.3%	83.3% #F1A5DC	RGB 241 165 220	#F1A5DC
100.0%	100.0% #FEB0DF	RGB 254 176 223	#FEB0DF

#B06ECF #BD79D1 #CA84D4 #D78FD7 #E49AD9 #F1A5DC #FEB0DF

#B06ECF - #FEB0DF

HSV Blend

#B06ECF - #FEB0DF | 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 #B06ECF as 0% and #FEB0DF as 100%.

0.0%	0.0% #AF6ECF	RGB 175 110 207	#AF6ECF
16.7%	16.7% #C377D6	RGB 195 119 214	#C377D6
33.3%	33.3% #D782DE	RGB 215 130 222	#D782DE
50.0%	50.0% #E68DE3	RGB 230 141 227	#E68DE3
66.7%	66.7% #EE98E0	RGB 238 152 224	#EE98E0
83.3%	83.3% #F6A3DF	RGB 246 163 223	#F6A3DF
100.0%	100.0% #FEB0DF	RGB 254 176 223	#FEB0DF

#AF6ECF #C377D6 #D782DE #E68DE3 #EE98E0 #F6A3DF #FEB0DF

#B06ECF - #E68DE3 - #FEB0DF

CSS codes

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

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