#4D0E0E - #CCBABA | 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 #4D0E0E to #CCBABA

#4D0E0E #CCBABA

Calculate the color between two colors, #4D0E0E and #CCBABA. 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)

#4D0E0E - #CCBABA | 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 #4D0E0E as 0% and #CCBABA as 100%.

0.0%	0.0% #4D0E0E	RGB 77 14 14	#4D0E0E
16.7%	16.7% #622A2A	RGB 98 42 42	#622A2A
33.3%	33.3% #774747	RGB 119 71 71	#774747
50.0%	50.0% #8C6464	RGB 140 100 100	#8C6464
66.7%	66.7% #A18080	RGB 161 128 128	#A18080
83.3%	83.3% #B69D9D	RGB 182 157 157	#B69D9D
100.0%	100.0% #CCBABA	RGB 204 186 186	#CCBABA

#4D0E0E #622A2A #774747 #8C6464 #A18080 #B69D9D #CCBABA

#4D0E0E - #CCBABA

HSV Blend

#4D0E0E - #CCBABA | 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 #4D0E0E as 0% and #CCBABA as 100%.

0.0%	0.0% #4D0E0E	RGB 77 14 14	#4D0E0E
16.7%	16.7% #621D1D	RGB 98 29 29	#621D1D
33.3%	33.3% #773232	RGB 119 50 50	#773232
50.0%	50.0% #8C4C4C	RGB 140 76 76	#8C4C4C
66.7%	66.7% #A16C6C	RGB 161 108 108	#A16C6C
83.3%	83.3% #B69090	RGB 182 144 144	#B69090
100.0%	100.0% #CCBABA	RGB 204 186 186	#CCBABA

#4D0E0E #621D1D #773232 #8C4C4C #A16C6C #B69090 #CCBABA

#4D0E0E - #8C4C4C - #CCBABA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D0E0E 0%, #8C4C4C 50%, #CCBABA 100%);
    background: -webkit-linear-gradient(top, #4D0E0E 0%, #8C4C4C 50%, #CCBABA 100%);
    background: linear-gradient(to bottom, #4D0E0E 0%, #8C4C4C 50%, #CCBABA 100%);
}
</style>