#4D1E2B - #CCBEC2 | 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 #4D1E2B to #CCBEC2

#4D1E2B #CCBEC2

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

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

0.0%	0.0% #4D1E2B	RGB 77 30 43	#4D1E2B
16.7%	16.7% #623844	RGB 98 56 68	#623844
33.3%	33.3% #77535D	RGB 119 83 93	#77535D
50.0%	50.0% #8C6E76	RGB 140 110 118	#8C6E76
66.7%	66.7% #A1888F	RGB 161 136 143	#A1888F
83.3%	83.3% #B6A3A8	RGB 182 163 168	#B6A3A8
100.0%	100.0% #CCBEC2	RGB 204 190 194	#CCBEC2

#4D1E2B #623844 #77535D #8C6E76 #A1888F #B6A3A8 #CCBEC2

#4D1E2B - #CCBEC2

HSV Blend

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

0.0%	0.0% #4D1E2B	RGB 77 30 43	#4D1E2B
16.7%	16.7% #622F3D	RGB 98 47 61	#622F3D
33.3%	33.3% #774452	RGB 119 68 82	#774452
50.0%	50.0% #8C5C6A	RGB 140 92 106	#8C5C6A
66.7%	66.7% #A17984	RGB 161 121 132	#A17984
83.3%	83.3% #B699A2	RGB 182 153 162	#B699A2
100.0%	100.0% #CCBEC2	RGB 204 190 194	#CCBEC2

#4D1E2B #622F3D #774452 #8C5C6A #A17984 #B699A2 #CCBEC2

#4D1E2B - #8C5C6A - #CCBEC2

CSS codes

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

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