#3C0D1D - #C7B9BD | 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 #3C0D1D to #C7B9BD

#3C0D1D #C7B9BD

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

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

0.0%	0.0% #3C0D1D	RGB 60 13 29	#3C0D1D
16.7%	16.7% #532937	RGB 83 41 55	#532937
33.3%	33.3% #6A4652	RGB 106 70 82	#6A4652
50.0%	50.0% #81636D	RGB 129 99 109	#81636D
66.7%	66.7% #987F87	RGB 152 127 135	#987F87
83.3%	83.3% #AF9CA2	RGB 175 156 162	#AF9CA2
100.0%	100.0% #C7B9BD	RGB 199 185 189	#C7B9BD

#3C0D1D #532937 #6A4652 #81636D #987F87 #AF9CA2 #C7B9BD

#3C0D1D - #C7B9BD

HSV Blend

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

0.0%	0.0% #3C0D1D	RGB 60 13 29	#3C0D1D
16.7%	16.7% #531B2E	RGB 83 27 46	#531B2E
33.3%	33.3% #6A3043	RGB 106 48 67	#6A3043
50.0%	50.0% #814A5B	RGB 129 74 91	#814A5B
66.7%	66.7% #986977	RGB 152 105 119	#986977
83.3%	83.3% #AF8E98	RGB 175 142 152	#AF8E98
100.0%	100.0% #C7B9BD	RGB 199 185 189	#C7B9BD

#3C0D1D #531B2E #6A3043 #814A5B #986977 #AF8E98 #C7B9BD

#3C0D1D - #814A5B - #C7B9BD

CSS codes

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

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