#4D143A - #CCBBC6 | 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 #4D143A to #CCBBC6

#4D143A #CCBBC6

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

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

0.0%	0.0% #4D143A	RGB 77 20 58	#4D143A
16.7%	16.7% #622F51	RGB 98 47 81	#622F51
33.3%	33.3% #774B68	RGB 119 75 104	#774B68
50.0%	50.0% #8C6780	RGB 140 103 128	#8C6780
66.7%	66.7% #A18397	RGB 161 131 151	#A18397
83.3%	83.3% #B69FAE	RGB 182 159 174	#B69FAE
100.0%	100.0% #CCBBC6	RGB 204 187 198	#CCBBC6

#4D143A #622F51 #774B68 #8C6780 #A18397 #B69FAE #CCBBC6

#4D143A - #CCBBC6

HSV Blend

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

0.0%	0.0% #4D133A	RGB 77 19 58	#4D133A
16.7%	16.7% #62244D	RGB 98 36 77	#62244D
33.3%	33.3% #773962	RGB 119 57 98	#773962
50.0%	50.0% #8C5278	RGB 140 82 120	#8C5278
66.7%	66.7% #A17090	RGB 161 112 144	#A17090
83.3%	83.3% #B693AA	RGB 182 147 170	#B693AA
100.0%	100.0% #CCBBC6	RGB 204 187 198	#CCBBC6

#4D133A #62244D #773962 #8C5278 #A17090 #B693AA #CCBBC6

#4D143A - #8C5278 - #CCBBC6

CSS codes

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

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