#39100A - #C6BAB9 | 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 #39100A to #C6BAB9

#39100A #C6BAB9

Calculate the color between two colors, #39100A and #C6BAB9. 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)

#39100A - #C6BAB9 | 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 #39100A as 0% and #C6BAB9 as 100%.

0.0%	0.0% #39100A	RGB 57 16 10	#39100A
16.7%	16.7% #502C27	RGB 80 44 39	#502C27
33.3%	33.3% #684844	RGB 104 72 68	#684844
50.0%	50.0% #7F6561	RGB 127 101 97	#7F6561
66.7%	66.7% #97817E	RGB 151 129 126	#97817E
83.3%	83.3% #AE9D9B	RGB 174 157 155	#AE9D9B
100.0%	100.0% #C6BAB9	RGB 198 186 185	#C6BAB9

#39100A #502C27 #684844 #7F6561 #97817E #AE9D9B #C6BAB9

#39100A - #C6BAB9

HSV Blend

#39100A - #C6BAB9 | 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 #39100A as 0% and #C6BAB9 as 100%.

0.0%	0.0% #39100A	RGB 57 16 10	#39100A
16.7%	16.7% #501F18	RGB 80 31 24	#501F18
33.3%	33.3% #68332C	RGB 104 51 44	#68332C
50.0%	50.0% #7F4C46	RGB 127 76 70	#7F4C46
66.7%	66.7% #976B66	RGB 151 107 102	#976B66
83.3%	83.3% #AE8F8C	RGB 174 143 140	#AE8F8C
100.0%	100.0% #C6BAB9	RGB 198 186 185	#C6BAB9

#39100A #501F18 #68332C #7F4C46 #976B66 #AE8F8C #C6BAB9

#39100A - #7F4C46 - #C6BAB9

CSS codes

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

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