#2B191E - #C2BDBE | 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 #2B191E to #C2BDBE

#2B191E #C2BDBE

Calculate the color between two colors, #2B191E and #C2BDBE. 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)

#2B191E - #C2BDBE | 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 #2B191E as 0% and #C2BDBE as 100%.

0.0%	0.0% #2B191E	RGB 43 25 30	#2B191E
16.7%	16.7% #443438	RGB 68 52 56	#443438
33.3%	33.3% #5D4F53	RGB 93 79 83	#5D4F53
50.0%	50.0% #766B6E	RGB 118 107 110	#766B6E
66.7%	66.7% #8F8688	RGB 143 134 136	#8F8688
83.3%	83.3% #A8A1A3	RGB 168 161 163	#A8A1A3
100.0%	100.0% #C2BDBE	RGB 194 189 190	#C2BDBE

#2B191E #443438 #5D4F53 #766B6E #8F8688 #A8A1A3 #C2BDBE

#2B191E - #C2BDBE

HSV Blend

#2B191E - #C2BDBE | 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 #2B191E as 0% and #C2BDBE as 100%.

0.0%	0.0% #2B191E	RGB 43 25 30	#2B191E
16.7%	16.7% #442C32	RGB 68 44 50	#442C32
33.3%	33.3% #5D4249	RGB 93 66 73	#5D4249
50.0%	50.0% #765C62	RGB 118 92 98	#765C62
66.7%	66.7% #8F797E	RGB 143 121 126	#8F797E
83.3%	83.3% #A8999C	RGB 168 153 156	#A8999C
100.0%	100.0% #C2BDBE	RGB 194 189 190	#C2BDBE

#2B191E #442C32 #5D4249 #765C62 #8F797E #A8999C #C2BDBE

#2B191E - #765C62 - #C2BDBE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B191E 0%, #765C62 50%, #C2BDBE 100%);
    background: -webkit-linear-gradient(top, #2B191E 0%, #765C62 50%, #C2BDBE 100%);
    background: linear-gradient(to bottom, #2B191E 0%, #765C62 50%, #C2BDBE 100%);
}
</style>