#BB8C8C - #9F4038 | 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 #BB8C8C to #9F4038

#BB8C8C #9F4038

Calculate the color between two colors, #BB8C8C and #9F4038. 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)

#BB8C8C - #9F4038 | 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 #BB8C8C as 0% and #9F4038 as 100%.

0.0%	0.0% #BB8C8C	RGB 187 140 140	#BB8C8C
16.7%	16.7% #B67F7E	RGB 182 127 126	#B67F7E
33.3%	33.3% #B17270	RGB 177 114 112	#B17270
50.0%	50.0% #AD6662	RGB 173 102 98	#AD6662
66.7%	66.7% #A85954	RGB 168 89 84	#A85954
83.3%	83.3% #A34C46	RGB 163 76 70	#A34C46
100.0%	100.0% #9F4038	RGB 159 64 56	#9F4038

#BB8C8C #B67F7E #B17270 #AD6662 #A85954 #A34C46 #9F4038

#BB8C8C - #9F4038

HSV Blend

#BB8C8C - #9F4038 | 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 #BB8C8C as 0% and #9F4038 as 100%.

0.0%	0.0% #BB8C8C	RGB 187 140 140	#BB8C8C
16.7%	16.7% #B67D7C	RGB 182 125 124	#B67D7C
33.3%	33.3% #B16F6D	RGB 177 111 109	#B16F6D
50.0%	50.0% #AD625F	RGB 173 98 95	#AD625F
66.7%	66.7% #A85651	RGB 168 86 81	#A85651
83.3%	83.3% #A34A44	RGB 163 74 68	#A34A44
100.0%	100.0% #9F4038	RGB 159 64 56	#9F4038

#BB8C8C #B67D7C #B16F6D #AD625F #A85651 #A34A44 #9F4038

#BB8C8C - #AD625F - #9F4038

CSS codes

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

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