#4D1528 - #CCBCC1 | 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 #4D1528 to #CCBCC1

#4D1528 #CCBCC1

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

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

0.0%	0.0% #4D1528	RGB 77 21 40	#4D1528
16.7%	16.7% #623041	RGB 98 48 65	#623041
33.3%	33.3% #774C5B	RGB 119 76 91	#774C5B
50.0%	50.0% #8C6874	RGB 140 104 116	#8C6874
66.7%	66.7% #A1848E	RGB 161 132 142	#A1848E
83.3%	83.3% #B6A0A7	RGB 182 160 167	#B6A0A7
100.0%	100.0% #CCBCC1	RGB 204 188 193	#CCBCC1

#4D1528 #623041 #774C5B #8C6874 #A1848E #B6A0A7 #CCBCC1

#4D1528 - #CCBCC1

HSV Blend

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

0.0%	0.0% #4D1428	RGB 77 20 40	#4D1428
16.7%	16.7% #622539	RGB 98 37 57	#622539
33.3%	33.3% #773A4E	RGB 119 58 78	#773A4E
50.0%	50.0% #8C5366	RGB 140 83 102	#8C5366
66.7%	66.7% #A17281	RGB 161 114 129	#A17281
83.3%	83.3% #B6949F	RGB 182 148 159	#B6949F
100.0%	100.0% #CCBCC1	RGB 204 188 193	#CCBCC1

#4D1428 #622539 #773A4E #8C5366 #A17281 #B6949F #CCBCC1

#4D1528 - #8C5366 - #CCBCC1

CSS codes

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

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