#B66B9A - #8C2270 | 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 #B66B9A to #8C2270

#B66B9A #8C2270

Calculate the color between two colors, #B66B9A and #8C2270. 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)

#B66B9A - #8C2270 | 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 #B66B9A as 0% and #8C2270 as 100%.

0.0%	0.0% #B66B9A	RGB 182 107 154	#B66B9A
16.7%	16.7% #AF5E93	RGB 175 94 147	#AF5E93
33.3%	33.3% #A8528C	RGB 168 82 140	#A8528C
50.0%	50.0% #A14685	RGB 161 70 133	#A14685
66.7%	66.7% #9A3A7E	RGB 154 58 126	#9A3A7E
83.3%	83.3% #932E77	RGB 147 46 119	#932E77
100.0%	100.0% #8C2270	RGB 140 34 112	#8C2270

#B66B9A #AF5E93 #A8528C #A14685 #9A3A7E #932E77 #8C2270

#B66B9A - #8C2270

HSV Blend

#B66B9A - #8C2270 | 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 #B66B9A as 0% and #8C2270 as 100%.

0.0%	0.0% #B66B9A	RGB 182 107 154	#B66B9A
16.7%	16.7% #AF5C91	RGB 175 92 145	#AF5C91
33.3%	33.3% #A84F8A	RGB 168 79 138	#A84F8A
50.0%	50.0% #A14282	RGB 161 66 130	#A14282
66.7%	66.7% #9A377C	RGB 154 55 124	#9A377C
83.3%	83.3% #932C75	RGB 147 44 117	#932C75
100.0%	100.0% #8C2270	RGB 140 34 112	#8C2270

#B66B9A #AF5C91 #A84F8A #A14282 #9A377C #932C75 #8C2270

#B66B9A - #A14282 - #8C2270

CSS codes

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

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