#4D143B - #CCBBC7 | 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 #4D143B to #CCBBC7

#4D143B #CCBBC7

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

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

0.0%	0.0% #4D143B	RGB 77 20 59	#4D143B
16.7%	16.7% #622F52	RGB 98 47 82	#622F52
33.3%	33.3% #774B69	RGB 119 75 105	#774B69
50.0%	50.0% #8C6781	RGB 140 103 129	#8C6781
66.7%	66.7% #A18398	RGB 161 131 152	#A18398
83.3%	83.3% #B69FAF	RGB 182 159 175	#B69FAF
100.0%	100.0% #CCBBC7	RGB 204 187 199	#CCBBC7

#4D143B #622F52 #774B69 #8C6781 #A18398 #B69FAF #CCBBC7

#4D143B - #CCBBC7

HSV Blend

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

0.0%	0.0% #4D133A	RGB 77 19 58	#4D133A
16.7%	16.7% #62244E	RGB 98 36 78	#62244E
33.3%	33.3% #773964	RGB 119 57 100	#773964
50.0%	50.0% #8C527A	RGB 140 82 122	#8C527A
66.7%	66.7% #A17092	RGB 161 112 146	#A17092
83.3%	83.3% #B693AC	RGB 182 147 172	#B693AC
100.0%	100.0% #CCBBC7	RGB 204 187 199	#CCBBC7

#4D133A #62244E #773964 #8C527A #A17092 #B693AC #CCBBC7

#4D143B - #8C527A - #CCBBC7

CSS codes

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

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