#4D0D2D - #CCB9C2 | 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 #4D0D2D to #CCB9C2

#4D0D2D #CCB9C2

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

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

0.0%	0.0% #4D0D2D	RGB 77 13 45	#4D0D2D
16.7%	16.7% #622945	RGB 98 41 69	#622945
33.3%	33.3% #77465E	RGB 119 70 94	#77465E
50.0%	50.0% #8C6377	RGB 140 99 119	#8C6377
66.7%	66.7% #A17F90	RGB 161 127 144	#A17F90
83.3%	83.3% #B69CA9	RGB 182 156 169	#B69CA9
100.0%	100.0% #CCB9C2	RGB 204 185 194	#CCB9C2

#4D0D2D #622945 #77465E #8C6377 #A17F90 #B69CA9 #CCB9C2

#4D0D2D - #CCB9C2

HSV Blend

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

0.0%	0.0% #4D0D2C	RGB 77 13 44	#4D0D2C
16.7%	16.7% #621C3F	RGB 98 28 63	#621C3F
33.3%	33.3% #773153	RGB 119 49 83	#773153
50.0%	50.0% #8C4B6B	RGB 140 75 107	#8C4B6B
66.7%	66.7% #A16A85	RGB 161 106 133	#A16A85
83.3%	83.3% #B68FA2	RGB 182 143 162	#B68FA2
100.0%	100.0% #CCB9C2	RGB 204 185 194	#CCB9C2

#4D0D2C #621C3F #773153 #8C4B6B #A16A85 #B68FA2 #CCB9C2

#4D0D2D - #8C4B6B - #CCB9C2

CSS codes

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

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