#390B15 - #C6B9BC | 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 #390B15 to #C6B9BC

#390B15 #C6B9BC

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

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

0.0%	0.0% #390B15	RGB 57 11 21	#390B15
16.7%	16.7% #502830	RGB 80 40 48	#502830
33.3%	33.3% #68454C	RGB 104 69 76	#68454C
50.0%	50.0% #7F6268	RGB 127 98 104	#7F6268
66.7%	66.7% #977F84	RGB 151 127 132	#977F84
83.3%	83.3% #AE9CA0	RGB 174 156 160	#AE9CA0
100.0%	100.0% #C6B9BC	RGB 198 185 188	#C6B9BC

#390B15 #502830 #68454C #7F6268 #977F84 #AE9CA0 #C6B9BC

#390B15 - #C6B9BC

HSV Blend

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

0.0%	0.0% #390A14	RGB 57 10 20	#390A14
16.7%	16.7% #501925	RGB 80 25 37	#501925
33.3%	33.3% #682D3A	RGB 104 45 58	#682D3A
50.0%	50.0% #7F4754	RGB 127 71 84	#7F4754
66.7%	66.7% #976772	RGB 151 103 114	#976772
83.3%	83.3% #AE8D95	RGB 174 141 149	#AE8D95
100.0%	100.0% #C6B9BC	RGB 198 185 188	#C6B9BC

#390A14 #501925 #682D3A #7F4754 #976772 #AE8D95 #C6B9BC

#390B15 - #7F4754 - #C6B9BC

CSS codes

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

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