#3E101B - #C7BABD | 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 #3E101B to #C7BABD

#3E101B #C7BABD

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

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

0.0%	0.0% #3E101B	RGB 62 16 27	#3E101B
16.7%	16.7% #542C36	RGB 84 44 54	#542C36
33.3%	33.3% #6B4851	RGB 107 72 81	#6B4851
50.0%	50.0% #82656C	RGB 130 101 108	#82656C
66.7%	66.7% #998187	RGB 153 129 135	#998187
83.3%	83.3% #B09DA2	RGB 176 157 162	#B09DA2
100.0%	100.0% #C7BABD	RGB 199 186 189	#C7BABD

#3E101B #542C36 #6B4851 #82656C #998187 #B09DA2 #C7BABD

#3E101B - #C7BABD

HSV Blend

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

0.0%	0.0% #3E101A	RGB 62 16 26	#3E101A
16.7%	16.7% #541F2C	RGB 84 31 44	#541F2C
33.3%	33.3% #6B3441	RGB 107 52 65	#6B3441
50.0%	50.0% #824D5A	RGB 130 77 90	#824D5A
66.7%	66.7% #996C77	RGB 153 108 119	#996C77
83.3%	83.3% #B09098	RGB 176 144 152	#B09098
100.0%	100.0% #C7BABD	RGB 199 186 189	#C7BABD

#3E101A #541F2C #6B3441 #824D5A #996C77 #B09098 #C7BABD

#3E101B - #824D5A - #C7BABD

CSS codes

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

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