#3C080A - #C7B8B8 | 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 #3C080A to #C7B8B8

#3C080A #C7B8B8

Calculate the color between two colors, #3C080A and #C7B8B8. 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)

#3C080A - #C7B8B8 | 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 #3C080A as 0% and #C7B8B8 as 100%.

0.0%	0.0% #3C080A	RGB 60 8 10	#3C080A
16.7%	16.7% #532527	RGB 83 37 39	#532527
33.3%	33.3% #6A4244	RGB 106 66 68	#6A4244
50.0%	50.0% #816061	RGB 129 96 97	#816061
66.7%	66.7% #987D7E	RGB 152 125 126	#987D7E
83.3%	83.3% #AF9A9B	RGB 175 154 155	#AF9A9B
100.0%	100.0% #C7B8B8	RGB 199 184 184	#C7B8B8

#3C080A #532527 #6A4244 #816061 #987D7E #AF9A9B #C7B8B8

#3C080A - #C7B8B8

HSV Blend

#3C080A - #C7B8B8 | 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 #3C080A as 0% and #C7B8B8 as 100%.

0.0%	0.0% #3C0809	RGB 60 8 9	#3C0809
16.7%	16.7% #531618	RGB 83 22 24	#531618
33.3%	33.3% #6A2A2B	RGB 106 42 43	#6A2A2B
50.0%	50.0% #814445	RGB 129 68 69	#814445
66.7%	66.7% #986465	RGB 152 100 101	#986465
83.3%	83.3% #AF8B8B	RGB 175 139 139	#AF8B8B
100.0%	100.0% #C7B8B8	RGB 199 184 184	#C7B8B8

#3C0809 #531618 #6A2A2B #814445 #986465 #AF8B8B #C7B8B8

#3C080A - #814445 - #C7B8B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C0809 0%, #814445 50%, #C7B8B8 100%);
    background: -webkit-linear-gradient(top, #3C0809 0%, #814445 50%, #C7B8B8 100%);
    background: linear-gradient(to bottom, #3C0809 0%, #814445 50%, #C7B8B8 100%);
}
</style>