#390101 - #C6B6B6 | 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 #390101 to #C6B6B6

#390101 #C6B6B6

Calculate the color between two colors, #390101 and #C6B6B6. 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)

#390101 - #C6B6B6 | 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 #390101 as 0% and #C6B6B6 as 100%.

0.0%	0.0% #390101	RGB 57 1 1	#390101
16.7%	16.7% #501F1F	RGB 80 31 31	#501F1F
33.3%	33.3% #683D3D	RGB 104 61 61	#683D3D
50.0%	50.0% #7F5B5B	RGB 127 91 91	#7F5B5B
66.7%	66.7% #977979	RGB 151 121 121	#977979
83.3%	83.3% #AE9797	RGB 174 151 151	#AE9797
100.0%	100.0% #C6B6B6	RGB 198 182 182	#C6B6B6

#390101 #501F1F #683D3D #7F5B5B #977979 #AE9797 #C6B6B6

#390101 - #C6B6B6

HSV Blend

#390101 - #C6B6B6 | 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 #390101 as 0% and #C6B6B6 as 100%.

0.0%	0.0% #390000	RGB 57 0 0	#390000
16.7%	16.7% #500D0D	RGB 80 13 13	#500D0D
33.3%	33.3% #682121	RGB 104 33 33	#682121
50.0%	50.0% #7F3B3B	RGB 127 59 59	#7F3B3B
66.7%	66.7% #975D5D	RGB 151 93 93	#975D5D
83.3%	83.3% #AE8686	RGB 174 134 134	#AE8686
100.0%	100.0% #C6B6B6	RGB 198 182 182	#C6B6B6

#390000 #500D0D #682121 #7F3B3B #975D5D #AE8686 #C6B6B6

#390101 - #7F3B3B - #C6B6B6

CSS codes

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

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