#450E08 - #C9BAB8 | 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 #450E08 to #C9BAB8

#450E08 #C9BAB8

Calculate the color between two colors, #450E08 and #C9BAB8. 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)

#450E08 - #C9BAB8 | 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 #450E08 as 0% and #C9BAB8 as 100%.

0.0%	0.0% #450E08	RGB 69 14 8	#450E08
16.7%	16.7% #5B2A25	RGB 91 42 37	#5B2A25
33.3%	33.3% #714742	RGB 113 71 66	#714742
50.0%	50.0% #876460	RGB 135 100 96	#876460
66.7%	66.7% #9D807D	RGB 157 128 125	#9D807D
83.3%	83.3% #B39D9A	RGB 179 157 154	#B39D9A
100.0%	100.0% #C9BAB8	RGB 201 186 184	#C9BAB8

#450E08 #5B2A25 #714742 #876460 #9D807D #B39D9A #C9BAB8

#450E08 - #C9BAB8

HSV Blend

#450E08 - #C9BAB8 | 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 #450E08 as 0% and #C9BAB8 as 100%.

0.0%	0.0% #450D07	RGB 69 13 7	#450D07
16.7%	16.7% #5B1D16	RGB 91 29 22	#5B1D16
33.3%	33.3% #71322B	RGB 113 50 43	#71322B
50.0%	50.0% #874C45	RGB 135 76 69	#874C45
66.7%	66.7% #9D6C65	RGB 157 108 101	#9D6C65
83.3%	83.3% #B3908C	RGB 179 144 140	#B3908C
100.0%	100.0% #C9BAB8	RGB 201 186 184	#C9BAB8

#450D07 #5B1D16 #71322B #874C45 #9D6C65 #B3908C #C9BAB8

#450E08 - #874C45 - #C9BAB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #450D07 0%, #874C45 50%, #C9BAB8 100%);
    background: -webkit-linear-gradient(top, #450D07 0%, #874C45 50%, #C9BAB8 100%);
    background: linear-gradient(to bottom, #450D07 0%, #874C45 50%, #C9BAB8 100%);
}
</style>