#3C041C - #C7B7BD | 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 #3C041C to #C7B7BD

#3C041C #C7B7BD

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

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

0.0%	0.0% #3C041C	RGB 60 4 28	#3C041C
16.7%	16.7% #532136	RGB 83 33 54	#532136
33.3%	33.3% #6A3F51	RGB 106 63 81	#6A3F51
50.0%	50.0% #815D6C	RGB 129 93 108	#815D6C
66.7%	66.7% #987B87	RGB 152 123 135	#987B87
83.3%	83.3% #AF99A2	RGB 175 153 162	#AF99A2
100.0%	100.0% #C7B7BD	RGB 199 183 189	#C7B7BD

#3C041C #532136 #6A3F51 #815D6C #987B87 #AF99A2 #C7B7BD

#3C041C - #C7B7BD

HSV Blend

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

0.0%	0.0% #3C041C	RGB 60 4 28	#3C041C
16.7%	16.7% #53112C	RGB 83 17 44	#53112C
33.3%	33.3% #6A2541	RGB 106 37 65	#6A2541
50.0%	50.0% #813F5A	RGB 129 63 90	#813F5A
66.7%	66.7% #986076	RGB 152 96 118	#986076
83.3%	83.3% #AF8897	RGB 175 136 151	#AF8897
100.0%	100.0% #C7B7BD	RGB 199 183 189	#C7B7BD

#3C041C #53112C #6A2541 #813F5A #986076 #AF8897 #C7B7BD

#3C041C - #813F5A - #C7B7BD

CSS codes

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

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