#B051DF - #F1B6EC | 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 #B051DF to #F1B6EC

#B051DF #F1B6EC

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

#B051DF - #F1B6EC | 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 #B051DF as 0% and #F1B6EC as 100%.

0.0%	0.0% #B051DF	RGB 176 81 223	#B051DF
16.7%	16.7% #BA61E1	RGB 186 97 225	#BA61E1
33.3%	33.3% #C572E3	RGB 197 114 227	#C572E3
50.0%	50.0% #D083E5	RGB 208 131 229	#D083E5
66.7%	66.7% #DB94E7	RGB 219 148 231	#DB94E7
83.3%	83.3% #E6A5E9	RGB 230 165 233	#E6A5E9
100.0%	100.0% #F1B6EC	RGB 241 182 236	#F1B6EC

#B051DF #BA61E1 #C572E3 #D083E5 #DB94E7 #E6A5E9 #F1B6EC

#B051DF - #F1B6EC

HSV Blend

#B051DF - #F1B6EC | 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 #B051DF as 0% and #F1B6EC as 100%.

0.0%	0.0% #AF51DF	RGB 175 81 223	#AF51DF
16.7%	16.7% #C060E2	RGB 192 96 226	#C060E2
33.3%	33.3% #CE71E5	RGB 206 113 229	#CE71E5
50.0%	50.0% #DB81E8	RGB 219 129 232	#DB81E8
66.7%	66.7% #E692EB	RGB 230 146 235	#E692EB
83.3%	83.3% #EEA4EC	RGB 238 164 236	#EEA4EC
100.0%	100.0% #F1B6EC	RGB 241 182 236	#F1B6EC

#AF51DF #C060E2 #CE71E5 #DB81E8 #E692EB #EEA4EC #F1B6EC

#B051DF - #DB81E8 - #F1B6EC

CSS codes

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

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