#BF7EB2 - #822E70 | 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 #BF7EB2 to #822E70

#BF7EB2 #822E70

Calculate the color between two colors, #BF7EB2 and #822E70. 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)

#BF7EB2 - #822E70 | 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 #BF7EB2 as 0% and #822E70 as 100%.

0.0%	0.0% #BF7EB2	RGB 191 126 178	#BF7EB2
16.7%	16.7% #B470A7	RGB 180 112 167	#B470A7
33.3%	33.3% #AA639C	RGB 170 99 156	#AA639C
50.0%	50.0% #A05691	RGB 160 86 145	#A05691
66.7%	66.7% #964886	RGB 150 72 134	#964886
83.3%	83.3% #8C3B7B	RGB 140 59 123	#8C3B7B
100.0%	100.0% #822E70	RGB 130 46 112	#822E70

#BF7EB2 #B470A7 #AA639C #A05691 #964886 #8C3B7B #822E70

#BF7EB2 - #822E70

HSV Blend

#BF7EB2 - #822E70 | 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 #BF7EB2 as 0% and #822E70 as 100%.

0.0%	0.0% #BF7EB2	RGB 191 126 178	#BF7EB2
16.7%	16.7% #B46EA6	RGB 180 110 166	#B46EA6
33.3%	33.3% #AA5F9B	RGB 170 95 155	#AA5F9B
50.0%	50.0% #A05190	RGB 160 81 144	#A05190
66.7%	66.7% #964485	RGB 150 68 133	#964485
83.3%	83.3% #8C387A	RGB 140 56 122	#8C387A
100.0%	100.0% #822E70	RGB 130 46 112	#822E70

#BF7EB2 #B46EA6 #AA5F9B #A05190 #964485 #8C387A #822E70

#BF7EB2 - #A05190 - #822E70

CSS codes

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

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