#3E0515 - #C7B7BC | 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 #3E0515 to #C7B7BC

#3E0515 #C7B7BC

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

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

0.0%	0.0% #3E0515	RGB 62 5 21	#3E0515
16.7%	16.7% #542230	RGB 84 34 48	#542230
33.3%	33.3% #6B404C	RGB 107 64 76	#6B404C
50.0%	50.0% #825E68	RGB 130 94 104	#825E68
66.7%	66.7% #997B84	RGB 153 123 132	#997B84
83.3%	83.3% #B099A0	RGB 176 153 160	#B099A0
100.0%	100.0% #C7B7BC	RGB 199 183 188	#C7B7BC

#3E0515 #542230 #6B404C #825E68 #997B84 #B099A0 #C7B7BC

#3E0515 - #C7B7BC

HSV Blend

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

0.0%	0.0% #3E0415	RGB 62 4 21	#3E0415
16.7%	16.7% #541225	RGB 84 18 37	#541225
33.3%	33.3% #6B263A	RGB 107 38 58	#6B263A
50.0%	50.0% #824154	RGB 130 65 84	#824154
66.7%	66.7% #996272	RGB 153 98 114	#996272
83.3%	83.3% #B08995	RGB 176 137 149	#B08995
100.0%	100.0% #C7B7BC	RGB 199 183 188	#C7B7BC

#3E0415 #541225 #6B263A #824154 #996272 #B08995 #C7B7BC

#3E0515 - #824154 - #C7B7BC

CSS codes

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

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