#380F0F - #C6BABA | 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 #380F0F to #C6BABA

#380F0F #C6BABA

Calculate the color between two colors, #380F0F and #C6BABA. 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)

#380F0F - #C6BABA | 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 #380F0F as 0% and #C6BABA as 100%.

0.0%	0.0% #380F0F	RGB 56 15 15	#380F0F
16.7%	16.7% #4F2B2B	RGB 79 43 43	#4F2B2B
33.3%	33.3% #674848	RGB 103 72 72	#674848
50.0%	50.0% #7F6464	RGB 127 100 100	#7F6464
66.7%	66.7% #968181	RGB 150 129 129	#968181
83.3%	83.3% #AE9D9D	RGB 174 157 157	#AE9D9D
100.0%	100.0% #C6BABA	RGB 198 186 186	#C6BABA

#380F0F #4F2B2B #674848 #7F6464 #968181 #AE9D9D #C6BABA

#380F0F - #C6BABA

HSV Blend

#380F0F - #C6BABA | 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 #380F0F as 0% and #C6BABA as 100%.

0.0%	0.0% #380F0F	RGB 56 15 15	#380F0F
16.7%	16.7% #4F1E1E	RGB 79 30 30	#4F1E1E
33.3%	33.3% #673232	RGB 103 50 50	#673232
50.0%	50.0% #7F4C4C	RGB 127 76 76	#7F4C4C
66.7%	66.7% #966B6B	RGB 150 107 107	#966B6B
83.3%	83.3% #AE9090	RGB 174 144 144	#AE9090
100.0%	100.0% #C6BABA	RGB 198 186 186	#C6BABA

#380F0F #4F1E1E #673232 #7F4C4C #966B6B #AE9090 #C6BABA

#380F0F - #7F4C4C - #C6BABA

CSS codes

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

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