#390B1A - #C6B9BD | 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 #390B1A to #C6B9BD

#390B1A #C6B9BD

Calculate the color between two colors, #390B1A and #C6B9BD. 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)

#390B1A - #C6B9BD | 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 #390B1A as 0% and #C6B9BD as 100%.

0.0%	0.0% #390B1A	RGB 57 11 26	#390B1A
16.7%	16.7% #502835	RGB 80 40 53	#502835
33.3%	33.3% #684550	RGB 104 69 80	#684550
50.0%	50.0% #7F626B	RGB 127 98 107	#7F626B
66.7%	66.7% #977F86	RGB 151 127 134	#977F86
83.3%	83.3% #AE9CA1	RGB 174 156 161	#AE9CA1
100.0%	100.0% #C6B9BD	RGB 198 185 189	#C6B9BD

#390B1A #502835 #684550 #7F626B #977F86 #AE9CA1 #C6B9BD

#390B1A - #C6B9BD

HSV Blend

#390B1A - #C6B9BD | 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 #390B1A as 0% and #C6B9BD as 100%.

0.0%	0.0% #390A19	RGB 57 10 25	#390A19
16.7%	16.7% #50192B	RGB 80 25 43	#50192B
33.3%	33.3% #682D40	RGB 104 45 64	#682D40
50.0%	50.0% #7F4759	RGB 127 71 89	#7F4759
66.7%	66.7% #976776	RGB 151 103 118	#976776
83.3%	83.3% #AE8D97	RGB 174 141 151	#AE8D97
100.0%	100.0% #C6B9BD	RGB 198 185 189	#C6B9BD

#390A19 #50192B #682D40 #7F4759 #976776 #AE8D97 #C6B9BD

#390B1A - #7F4759 - #C6B9BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #390A19 0%, #7F4759 50%, #C6B9BD 100%);
    background: -webkit-linear-gradient(top, #390A19 0%, #7F4759 50%, #C6B9BD 100%);
    background: linear-gradient(to bottom, #390A19 0%, #7F4759 50%, #C6B9BD 100%);
}
</style>