#3C0809 - #C7B8B9 | 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 #3C0809 to #C7B8B9

#3C0809 #C7B8B9

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

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

0.0%	0.0% #3C0809	RGB 60 8 9	#3C0809
16.7%	16.7% #532526	RGB 83 37 38	#532526
33.3%	33.3% #6A4243	RGB 106 66 67	#6A4243
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% #C7B8B9	RGB 199 184 185	#C7B8B9

#3C0809 #532526 #6A4243 #816061 #987D7E #AF9A9B #C7B8B9

#3C0809 - #C7B8B9

HSV Blend

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

0.0%	0.0% #3C0808	RGB 60 8 8	#3C0808
16.7%	16.7% #531617	RGB 83 22 23	#531617
33.3%	33.3% #6A2A2C	RGB 106 42 44	#6A2A2C
50.0%	50.0% #814447	RGB 129 68 71	#814447
66.7%	66.7% #986467	RGB 152 100 103	#986467
83.3%	83.3% #AF8B8D	RGB 175 139 141	#AF8B8D
100.0%	100.0% #C7B8B9	RGB 199 184 185	#C7B8B9

#3C0808 #531617 #6A2A2C #814447 #986467 #AF8B8D #C7B8B9

#3C0809 - #814447 - #C7B8B9

CSS codes

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

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