#B054AB - #6C1161 | 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 #B054AB to #6C1161

#B054AB #6C1161

Calculate the color between two colors, #B054AB and #6C1161. 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)

#B054AB - #6C1161 | 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 #B054AB as 0% and #6C1161 as 100%.

0.0%	0.0% #B054AB	RGB 176 84 171	#B054AB
16.7%	16.7% #A4489E	RGB 164 72 158	#A4489E
33.3%	33.3% #993D92	RGB 153 61 146	#993D92
50.0%	50.0% #8E3286	RGB 142 50 134	#8E3286
66.7%	66.7% #822779	RGB 130 39 121	#822779
83.3%	83.3% #771C6D	RGB 119 28 109	#771C6D
100.0%	100.0% #6C1161	RGB 108 17 97	#6C1161

#B054AB #A4489E #993D92 #8E3286 #822779 #771C6D #6C1161

#B054AB - #6C1161

HSV Blend

#B054AB - #6C1161 | 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 #B054AB as 0% and #6C1161 as 100%.

0.0%	0.0% #B054AB	RGB 176 84 171	#B054AB
16.7%	16.7% #A4459E	RGB 164 69 158	#A4459E
33.3%	33.3% #993891	RGB 153 56 145	#993891
50.0%	50.0% #8E2D85	RGB 142 45 133	#8E2D85
66.7%	66.7% #822279	RGB 130 34 121	#822279
83.3%	83.3% #77196C	RGB 119 25 108	#77196C
100.0%	100.0% #6C1161	RGB 108 17 97	#6C1161

#B054AB #A4459E #993891 #8E2D85 #822279 #77196C #6C1161

#B054AB - #8E2D85 - #6C1161

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B054AB 0%, #8E2D85 50%, #6C1161 100%);
    background: -webkit-linear-gradient(top, #B054AB 0%, #8E2D85 50%, #6C1161 100%);
    background: linear-gradient(to bottom, #B054AB 0%, #8E2D85 50%, #6C1161 100%);
}
</style>