#4D1B2D - #CCBDC3 | 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 #4D1B2D to #CCBDC3

#4D1B2D #CCBDC3

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

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

0.0%	0.0% #4D1B2D	RGB 77 27 45	#4D1B2D
16.7%	16.7% #623646	RGB 98 54 70	#623646
33.3%	33.3% #77515F	RGB 119 81 95	#77515F
50.0%	50.0% #8C6C78	RGB 140 108 120	#8C6C78
66.7%	66.7% #A18791	RGB 161 135 145	#A18791
83.3%	83.3% #B6A2AA	RGB 182 162 170	#B6A2AA
100.0%	100.0% #CCBDC3	RGB 204 189 195	#CCBDC3

#4D1B2D #623646 #77515F #8C6C78 #A18791 #B6A2AA #CCBDC3

#4D1B2D - #CCBDC3

HSV Blend

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

0.0%	0.0% #4D1B2D	RGB 77 27 45	#4D1B2D
16.7%	16.7% #622B3F	RGB 98 43 63	#622B3F
33.3%	33.3% #774055	RGB 119 64 85	#774055
50.0%	50.0% #8C596D	RGB 140 89 109	#8C596D
66.7%	66.7% #A17687	RGB 161 118 135	#A17687
83.3%	83.3% #B697A4	RGB 182 151 164	#B697A4
100.0%	100.0% #CCBDC3	RGB 204 189 195	#CCBDC3

#4D1B2D #622B3F #774055 #8C596D #A17687 #B697A4 #CCBDC3

#4D1B2D - #8C596D - #CCBDC3

CSS codes

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

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