#4D1324 - #CCBCC0 | 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 #4D1324 to #CCBCC0

#4D1324 #CCBCC0

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

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

0.0%	0.0% #4D1324	RGB 77 19 36	#4D1324
16.7%	16.7% #622F3E	RGB 98 47 62	#622F3E
33.3%	33.3% #774B58	RGB 119 75 88	#774B58
50.0%	50.0% #8C6772	RGB 140 103 114	#8C6772
66.7%	66.7% #A1838C	RGB 161 131 140	#A1838C
83.3%	83.3% #B69FA6	RGB 182 159 166	#B69FA6
100.0%	100.0% #CCBCC0	RGB 204 188 192	#CCBCC0

#4D1324 #622F3E #774B58 #8C6772 #A1838C #B69FA6 #CCBCC0

#4D1324 - #CCBCC0

HSV Blend

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

0.0%	0.0% #4D1324	RGB 77 19 36	#4D1324
16.7%	16.7% #622335	RGB 98 35 53	#622335
33.3%	33.3% #773849	RGB 119 56 73	#773849
50.0%	50.0% #8C5261	RGB 140 82 97	#8C5261
66.7%	66.7% #A1707D	RGB 161 112 125	#A1707D
83.3%	83.3% #B6939C	RGB 182 147 156	#B6939C
100.0%	100.0% #CCBCC0	RGB 204 188 192	#CCBCC0

#4D1324 #622335 #773849 #8C5261 #A1707D #B6939C #CCBCC0

#4D1324 - #8C5261 - #CCBCC0

CSS codes

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

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