#C08C92 - #362829 | 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 #C08C92 to #362829

#C08C92 #362829

Calculate the color between two colors, #C08C92 and #362829. 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)

#C08C92 - #362829 | 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 #C08C92 as 0% and #362829 as 100%.

0.0%	0.0% #C08C92	RGB 192 140 146	#C08C92
16.7%	16.7% #A97B80	RGB 169 123 128	#A97B80
33.3%	33.3% #926A6F	RGB 146 106 111	#926A6F
50.0%	50.0% #7B5A5D	RGB 123 90 93	#7B5A5D
66.7%	66.7% #64494C	RGB 100 73 76	#64494C
83.3%	83.3% #4D383A	RGB 77 56 58	#4D383A
100.0%	100.0% #362829	RGB 54 40 41	#362829

#C08C92 #A97B80 #926A6F #7B5A5D #64494C #4D383A #362829

#C08C92 - #362829

HSV Blend

#C08C92 - #362829 | 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 #C08C92 as 0% and #362829 as 100%.

0.0%	0.0% #C08C92	RGB 192 140 146	#C08C92
16.7%	16.7% #A97B80	RGB 169 123 128	#A97B80
33.3%	33.3% #926B6E	RGB 146 107 110	#926B6E
50.0%	50.0% #7B5A5D	RGB 123 90 93	#7B5A5D
66.7%	66.7% #64494B	RGB 100 73 75	#64494B
83.3%	83.3% #4D383A	RGB 77 56 58	#4D383A
100.0%	100.0% #362829	RGB 54 40 41	#362829

#C08C92 #A97B80 #926B6E #7B5A5D #64494B #4D383A #362829

#C08C92 - #7B5A5D - #362829

CSS codes

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

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