#4D133C - #CCBBC8 | 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 #4D133C to #CCBBC8

#4D133C #CCBBC8

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

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

0.0%	0.0% #4D133C	RGB 77 19 60	#4D133C
16.7%	16.7% #622F53	RGB 98 47 83	#622F53
33.3%	33.3% #774B6A	RGB 119 75 106	#774B6A
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% #CCBBC8	RGB 204 187 200	#CCBBC8

#4D133C #622F53 #774B6A #8C6782 #A18399 #B69FB0 #CCBBC8

#4D133C - #CCBBC8

HSV Blend

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

0.0%	0.0% #4D133C	RGB 77 19 60	#4D133C
16.7%	16.7% #622350	RGB 98 35 80	#622350
33.3%	33.3% #773866	RGB 119 56 102	#773866
50.0%	50.0% #8C517C	RGB 140 81 124	#8C517C
66.7%	66.7% #A17095	RGB 161 112 149	#A17095
83.3%	83.3% #B693AE	RGB 182 147 174	#B693AE
100.0%	100.0% #CCBBC8	RGB 204 187 200	#CCBBC8

#4D133C #622350 #773866 #8C517C #A17095 #B693AE #CCBBC8

#4D133C - #8C517C - #CCBBC8

CSS codes

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

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