#4D0E2B - #CCBAC2 | 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 #4D0E2B to #CCBAC2

#4D0E2B #CCBAC2

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

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

0.0%	0.0% #4D0E2B	RGB 77 14 43	#4D0E2B
16.7%	16.7% #622A44	RGB 98 42 68	#622A44
33.3%	33.3% #77475D	RGB 119 71 93	#77475D
50.0%	50.0% #8C6476	RGB 140 100 118	#8C6476
66.7%	66.7% #A1808F	RGB 161 128 143	#A1808F
83.3%	83.3% #B69DA8	RGB 182 157 168	#B69DA8
100.0%	100.0% #CCBAC2	RGB 204 186 194	#CCBAC2

#4D0E2B #622A44 #77475D #8C6476 #A1808F #B69DA8 #CCBAC2

#4D0E2B - #CCBAC2

HSV Blend

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

0.0%	0.0% #4D0E2B	RGB 77 14 43	#4D0E2B
16.7%	16.7% #621D3D	RGB 98 29 61	#621D3D
33.3%	33.3% #773251	RGB 119 50 81	#773251
50.0%	50.0% #8C4C69	RGB 140 76 105	#8C4C69
66.7%	66.7% #A16C84	RGB 161 108 132	#A16C84
83.3%	83.3% #B690A1	RGB 182 144 161	#B690A1
100.0%	100.0% #CCBAC2	RGB 204 186 194	#CCBAC2

#4D0E2B #621D3D #773251 #8C4C69 #A16C84 #B690A1 #CCBAC2

#4D0E2B - #8C4C69 - #CCBAC2

CSS codes

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

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