#B98CC3 - #FEAFE6 | 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 #B98CC3 to #FEAFE6

#B98CC3 #FEAFE6

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

#B98CC3 - #FEAFE6 | 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 #B98CC3 as 0% and #FEAFE6 as 100%.

0.0%	0.0% #B98CC3	RGB 185 140 195	#B98CC3
16.7%	16.7% #C491C8	RGB 196 145 200	#C491C8
33.3%	33.3% #D097CE	RGB 208 151 206	#D097CE
50.0%	50.0% #DB9DD4	RGB 219 157 212	#DB9DD4
66.7%	66.7% #E7A3DA	RGB 231 163 218	#E7A3DA
83.3%	83.3% #F2A9E0	RGB 242 169 224	#F2A9E0
100.0%	100.0% #FEAFE6	RGB 254 175 230	#FEAFE6

#B98CC3 #C491C8 #D097CE #DB9DD4 #E7A3DA #F2A9E0 #FEAFE6

#B98CC3 - #FEAFE6

HSV Blend

#B98CC3 - #FEAFE6 | 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 #B98CC3 as 0% and #FEAFE6 as 100%.

0.0%	0.0% #B98CC3	RGB 185 140 195	#B98CC3
16.7%	16.7% #C692CC	RGB 198 146 204	#C692CC
33.3%	33.3% #D598D6	RGB 213 152 214	#D598D6
50.0%	50.0% #E09DDC	RGB 224 157 220	#E09DDC
66.7%	66.7% #EAA3E0	RGB 234 163 224	#EAA3E0
83.3%	83.3% #F4A9E3	RGB 244 169 227	#F4A9E3
100.0%	100.0% #FEAFE6	RGB 254 175 230	#FEAFE6

#B98CC3 #C692CC #D598D6 #E09DDC #EAA3E0 #F4A9E3 #FEAFE6

#B98CC3 - #E09DDC - #FEAFE6

CSS codes

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

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