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

#4D143D #CCBBC7

Calculate the color between two colors, #4D143D 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)

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

0.0%	0.0% #4D143D	RGB 77 20 61	#4D143D
16.7%	16.7% #622F54	RGB 98 47 84	#622F54
33.3%	33.3% #774B6B	RGB 119 75 107	#774B6B
50.0%	50.0% #8C6782	RGB 140 103 130	#8C6782
66.7%	66.7% #A18399	RGB 161 131 153	#A18399
83.3%	83.3% #B69FB0	RGB 182 159 176	#B69FB0
100.0%	100.0% #CCBBC7	RGB 204 187 199	#CCBBC7

#4D143D #622F54 #774B6B #8C6782 #A18399 #B69FB0 #CCBBC7

#4D143D - #CCBBC7

HSV Blend

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

0.0%	0.0% #4D133D	RGB 77 19 61	#4D133D
16.7%	16.7% #622450	RGB 98 36 80	#622450
33.3%	33.3% #773965	RGB 119 57 101	#773965
50.0%	50.0% #8C527B	RGB 140 82 123	#8C527B
66.7%	66.7% #A17093	RGB 161 112 147	#A17093
83.3%	83.3% #B693AC	RGB 182 147 172	#B693AC
100.0%	100.0% #CCBBC7	RGB 204 187 199	#CCBBC7

#4D133D #622450 #773965 #8C527B #A17093 #B693AC #CCBBC7

#4D143D - #8C527B - #CCBBC7

CSS codes

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

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