#4D1326 - #CCBBC1 | 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 #4D1326 to #CCBBC1

#4D1326 #CCBBC1

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

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

0.0%	0.0% #4D1326	RGB 77 19 38	#4D1326
16.7%	16.7% #622F3F	RGB 98 47 63	#622F3F
33.3%	33.3% #774B59	RGB 119 75 89	#774B59
50.0%	50.0% #8C6773	RGB 140 103 115	#8C6773
66.7%	66.7% #A1838D	RGB 161 131 141	#A1838D
83.3%	83.3% #B69FA7	RGB 182 159 167	#B69FA7
100.0%	100.0% #CCBBC1	RGB 204 187 193	#CCBBC1

#4D1326 #622F3F #774B59 #8C6773 #A1838D #B69FA7 #CCBBC1

#4D1326 - #CCBBC1

HSV Blend

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

0.0%	0.0% #4D1325	RGB 77 19 37	#4D1325
16.7%	16.7% #622338	RGB 98 35 56	#622338
33.3%	33.3% #77384D	RGB 119 56 77	#77384D
50.0%	50.0% #8C5165	RGB 140 81 101	#8C5165
66.7%	66.7% #A17081	RGB 161 112 129	#A17081
83.3%	83.3% #B6939F	RGB 182 147 159	#B6939F
100.0%	100.0% #CCBBC1	RGB 204 187 193	#CCBBC1

#4D1325 #622338 #77384D #8C5165 #A17081 #B6939F #CCBBC1

#4D1326 - #8C5165 - #CCBBC1

CSS codes

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

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