#28150B - #C1BCB9 | 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 #28150B to #C1BCB9

#28150B #C1BCB9

Calculate the color between two colors, #28150B and #C1BCB9. 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)

#28150B - #C1BCB9 | 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 #28150B as 0% and #C1BCB9 as 100%.

0.0%	0.0% #28150B	RGB 40 21 11	#28150B
16.7%	16.7% #413028	RGB 65 48 40	#413028
33.3%	33.3% #5B4C45	RGB 91 76 69	#5B4C45
50.0%	50.0% #746862	RGB 116 104 98	#746862
66.7%	66.7% #8E847F	RGB 142 132 127	#8E847F
83.3%	83.3% #A7A09C	RGB 167 160 156	#A7A09C
100.0%	100.0% #C1BCB9	RGB 193 188 185	#C1BCB9

#28150B #413028 #5B4C45 #746862 #8E847F #A7A09C #C1BCB9

#28150B - #C1BCB9

HSV Blend

#28150B - #C1BCB9 | 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 #28150B as 0% and #C1BCB9 as 100%.

0.0%	0.0% #28150A	RGB 40 21 10	#28150A
16.7%	16.7% #412719	RGB 65 39 25	#412719
33.3%	33.3% #5B3D2D	RGB 91 61 45	#5B3D2D
50.0%	50.0% #745747	RGB 116 87 71	#745747
66.7%	66.7% #8E7567	RGB 142 117 103	#8E7567
83.3%	83.3% #A7978D	RGB 167 151 141	#A7978D
100.0%	100.0% #C1BCB9	RGB 193 188 185	#C1BCB9

#28150A #412719 #5B3D2D #745747 #8E7567 #A7978D #C1BCB9

#28150B - #745747 - #C1BCB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #28150A 0%, #745747 50%, #C1BCB9 100%);
    background: -webkit-linear-gradient(top, #28150A 0%, #745747 50%, #C1BCB9 100%);
    background: linear-gradient(to bottom, #28150A 0%, #745747 50%, #C1BCB9 100%);
}
</style>