#B66B6C - #8C2230 | 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 #B66B6C to #8C2230

#B66B6C #8C2230

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

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

0.0%	0.0% #B66B6C	RGB 182 107 108	#B66B6C
16.7%	16.7% #AF5E62	RGB 175 94 98	#AF5E62
33.3%	33.3% #A85258	RGB 168 82 88	#A85258
50.0%	50.0% #A1464E	RGB 161 70 78	#A1464E
66.7%	66.7% #9A3A44	RGB 154 58 68	#9A3A44
83.3%	83.3% #932E3A	RGB 147 46 58	#932E3A
100.0%	100.0% #8C2230	RGB 140 34 48	#8C2230

#B66B6C #AF5E62 #A85258 #A1464E #9A3A44 #932E3A #8C2230

#B66B6C - #8C2230

HSV Blend

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

0.0%	0.0% #B66B6C	RGB 182 107 108	#B66B6C
16.7%	16.7% #AF5C5F	RGB 175 92 95	#AF5C5F
33.3%	33.3% #A84F54	RGB 168 79 84	#A84F54
50.0%	50.0% #A14249	RGB 161 66 73	#A14249
66.7%	66.7% #9A3740	RGB 154 55 64	#9A3740
83.3%	83.3% #932C37	RGB 147 44 55	#932C37
100.0%	100.0% #8C2230	RGB 140 34 48	#8C2230

#B66B6C #AF5C5F #A84F54 #A14249 #9A3740 #932C37 #8C2230

#B66B6C - #A14249 - #8C2230

CSS codes

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

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