#390207 - #C6B6B8 | 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 #390207 to #C6B6B8

#390207 #C6B6B8

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

#390207 - #C6B6B8 | 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 #390207 as 0% and #C6B6B8 as 100%.

0.0%	0.0% #390207	RGB 57 2 7	#390207
16.7%	16.7% #502024	RGB 80 32 36	#502024
33.3%	33.3% #683E42	RGB 104 62 66	#683E42
50.0%	50.0% #7F5C5F	RGB 127 92 95	#7F5C5F
66.7%	66.7% #977A7D	RGB 151 122 125	#977A7D
83.3%	83.3% #AE989A	RGB 174 152 154	#AE989A
100.0%	100.0% #C6B6B8	RGB 198 182 184	#C6B6B8

#390207 #502024 #683E42 #7F5C5F #977A7D #AE989A #C6B6B8

#390207 - #C6B6B8

HSV Blend

#390207 - #C6B6B8 | 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 #390207 as 0% and #C6B6B8 as 100%.

0.0%	0.0% #390106	RGB 57 1 6	#390106
16.7%	16.7% #500E15	RGB 80 14 21	#500E15
33.3%	33.3% #682229	RGB 104 34 41	#682229
50.0%	50.0% #7F3C44	RGB 127 60 68	#7F3C44
66.7%	66.7% #975E64	RGB 151 94 100	#975E64
83.3%	83.3% #AE868B	RGB 174 134 139	#AE868B
100.0%	100.0% #C6B6B8	RGB 198 182 184	#C6B6B8

#390106 #500E15 #682229 #7F3C44 #975E64 #AE868B #C6B6B8

#390207 - #7F3C44 - #C6B6B8

CSS codes

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

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