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

#4D1A2D #CCBDC3

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

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

0.0%	0.0% #4D1A2D	RGB 77 26 45	#4D1A2D
16.7%	16.7% #623546	RGB 98 53 70	#623546
33.3%	33.3% #77505F	RGB 119 80 95	#77505F
50.0%	50.0% #8C6B78	RGB 140 107 120	#8C6B78
66.7%	66.7% #A18691	RGB 161 134 145	#A18691
83.3%	83.3% #B6A1AA	RGB 182 161 170	#B6A1AA
100.0%	100.0% #CCBDC3	RGB 204 189 195	#CCBDC3

#4D1A2D #623546 #77505F #8C6B78 #A18691 #B6A1AA #CCBDC3

#4D1A2D - #CCBDC3

HSV Blend

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

0.0%	0.0% #4D1A2C	RGB 77 26 44	#4D1A2C
16.7%	16.7% #622A3F	RGB 98 42 63	#622A3F
33.3%	33.3% #773F54	RGB 119 63 84	#773F54
50.0%	50.0% #8C586C	RGB 140 88 108	#8C586C
66.7%	66.7% #A17687	RGB 161 118 135	#A17687
83.3%	83.3% #B697A3	RGB 182 151 163	#B697A3
100.0%	100.0% #CCBDC3	RGB 204 189 195	#CCBDC3

#4D1A2C #622A3F #773F54 #8C586C #A17687 #B697A3 #CCBDC3

#4D1A2D - #8C586C - #CCBDC3

CSS codes

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

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