#B78ADC - #872DAC | 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 #B78ADC to #872DAC

#B78ADC #872DAC

Calculate the color between two colors, #B78ADC and #872DAC. 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)

#B78ADC - #872DAC | 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 #B78ADC as 0% and #872DAC as 100%.

0.0%	0.0% #B78ADC	RGB 183 138 220	#B78ADC
16.7%	16.7% #AF7AD4	RGB 175 122 212	#AF7AD4
33.3%	33.3% #A76BCC	RGB 167 107 204	#A76BCC
50.0%	50.0% #9F5BC4	RGB 159 91 196	#9F5BC4
66.7%	66.7% #974CBC	RGB 151 76 188	#974CBC
83.3%	83.3% #8F3CB4	RGB 143 60 180	#8F3CB4
100.0%	100.0% #872DAC	RGB 135 45 172	#872DAC

#B78ADC #AF7AD4 #A76BCC #9F5BC4 #974CBC #8F3CB4 #872DAC

#B78ADC - #872DAC

HSV Blend

#B78ADC - #872DAC | 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 #B78ADC as 0% and #872DAC as 100%.

0.0%	0.0% #B78ADC	RGB 183 138 220	#B78ADC
16.7%	16.7% #AC78D4	RGB 172 120 212	#AC78D4
33.3%	33.3% #A367CC	RGB 163 103 204	#A367CC
50.0%	50.0% #9B57C4	RGB 155 87 196	#9B57C4
66.7%	66.7% #9448BC	RGB 148 72 188	#9448BC
83.3%	83.3% #8D3AB4	RGB 141 58 180	#8D3AB4
100.0%	100.0% #872DAC	RGB 135 45 172	#872DAC

#B78ADC #AC78D4 #A367CC #9B57C4 #9448BC #8D3AB4 #872DAC

#B78ADC - #9B57C4 - #872DAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B78ADC 0%, #9B57C4 50%, #872DAC 100%);
    background: -webkit-linear-gradient(top, #B78ADC 0%, #9B57C4 50%, #872DAC 100%);
    background: linear-gradient(to bottom, #B78ADC 0%, #9B57C4 50%, #872DAC 100%);
}
</style>