#3C0F2C - #C7BAC2 | 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 #3C0F2C to #C7BAC2

#3C0F2C #C7BAC2

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

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

0.0%	0.0% #3C0F2C	RGB 60 15 44	#3C0F2C
16.7%	16.7% #532B45	RGB 83 43 69	#532B45
33.3%	33.3% #6A485E	RGB 106 72 94	#6A485E
50.0%	50.0% #816477	RGB 129 100 119	#816477
66.7%	66.7% #988190	RGB 152 129 144	#988190
83.3%	83.3% #AF9DA9	RGB 175 157 169	#AF9DA9
100.0%	100.0% #C7BAC2	RGB 199 186 194	#C7BAC2

#3C0F2C #532B45 #6A485E #816477 #988190 #AF9DA9 #C7BAC2

#3C0F2C - #C7BAC2

HSV Blend

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

0.0%	0.0% #3C0F2B	RGB 60 15 43	#3C0F2B
16.7%	16.7% #531E40	RGB 83 30 64	#531E40
33.3%	33.3% #6A3256	RGB 106 50 86	#6A3256
50.0%	50.0% #814C6D	RGB 129 76 109	#814C6D
66.7%	66.7% #986B87	RGB 152 107 135	#986B87
83.3%	83.3% #AF90A3	RGB 175 144 163	#AF90A3
100.0%	100.0% #C7BAC2	RGB 199 186 194	#C7BAC2

#3C0F2B #531E40 #6A3256 #814C6D #986B87 #AF90A3 #C7BAC2

#3C0F2C - #814C6D - #C7BAC2

CSS codes

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

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