#3C142D - #C7BBC3 | 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 #3C142D to #C7BBC3

#3C142D #C7BBC3

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

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

0.0%	0.0% #3C142D	RGB 60 20 45	#3C142D
16.7%	16.7% #532F46	RGB 83 47 70	#532F46
33.3%	33.3% #6A4B5F	RGB 106 75 95	#6A4B5F
50.0%	50.0% #816778	RGB 129 103 120	#816778
66.7%	66.7% #988391	RGB 152 131 145	#988391
83.3%	83.3% #AF9FAA	RGB 175 159 170	#AF9FAA
100.0%	100.0% #C7BBC3	RGB 199 187 195	#C7BBC3

#3C142D #532F46 #6A4B5F #816778 #988391 #AF9FAA #C7BBC3

#3C142D - #C7BBC3

HSV Blend

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

0.0%	0.0% #3C142D	RGB 60 20 45	#3C142D
16.7%	16.7% #532441	RGB 83 36 65	#532441
33.3%	33.3% #6A3858	RGB 106 56 88	#6A3858
50.0%	50.0% #815270	RGB 129 82 112	#815270
66.7%	66.7% #98708A	RGB 152 112 138	#98708A
83.3%	83.3% #AF93A6	RGB 175 147 166	#AF93A6
100.0%	100.0% #C7BBC3	RGB 199 187 195	#C7BBC3

#3C142D #532441 #6A3858 #815270 #98708A #AF93A6 #C7BBC3

#3C142D - #815270 - #C7BBC3

CSS codes

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

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