#390A30 - #C6B9C3 | 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 #390A30 to #C6B9C3

#390A30 #C6B9C3

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

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

0.0%	0.0% #390A30	RGB 57 10 48	#390A30
16.7%	16.7% #502748	RGB 80 39 72	#502748
33.3%	33.3% #684461	RGB 104 68 97	#684461
50.0%	50.0% #7F6179	RGB 127 97 121	#7F6179
66.7%	66.7% #977E92	RGB 151 126 146	#977E92
83.3%	83.3% #AE9BAA	RGB 174 155 170	#AE9BAA
100.0%	100.0% #C6B9C3	RGB 198 185 195	#C6B9C3

#390A30 #502748 #684461 #7F6179 #977E92 #AE9BAA #C6B9C3

#390A30 - #C6B9C3

HSV Blend

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

0.0%	0.0% #390A30	RGB 57 10 48	#390A30
16.7%	16.7% #501845	RGB 80 24 69	#501845
33.3%	33.3% #682C5B	RGB 104 44 91	#682C5B
50.0%	50.0% #7F4673	RGB 127 70 115	#7F4673
66.7%	66.7% #97668C	RGB 151 102 140	#97668C
83.3%	83.3% #AE8CA6	RGB 174 140 166	#AE8CA6
100.0%	100.0% #C6B9C3	RGB 198 185 195	#C6B9C3

#390A30 #501845 #682C5B #7F4673 #97668C #AE8CA6 #C6B9C3

#390A30 - #7F4673 - #C6B9C3

CSS codes

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

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