#4C0E2D - #CBBAC3 | 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 #4C0E2D to #CBBAC3

#4C0E2D #CBBAC3

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

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

0.0%	0.0% #4C0E2D	RGB 76 14 45	#4C0E2D
16.7%	16.7% #612A46	RGB 97 42 70	#612A46
33.3%	33.3% #76475F	RGB 118 71 95	#76475F
50.0%	50.0% #8B6478	RGB 139 100 120	#8B6478
66.7%	66.7% #A08091	RGB 160 128 145	#A08091
83.3%	83.3% #B59DAA	RGB 181 157 170	#B59DAA
100.0%	100.0% #CBBAC3	RGB 203 186 195	#CBBAC3

#4C0E2D #612A46 #76475F #8B6478 #A08091 #B59DAA #CBBAC3

#4C0E2D - #CBBAC3

HSV Blend

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

0.0%	0.0% #4C0E2C	RGB 76 14 44	#4C0E2C
16.7%	16.7% #611D3F	RGB 97 29 63	#611D3F
33.3%	33.3% #763255	RGB 118 50 85	#763255
50.0%	50.0% #8B4C6D	RGB 139 76 109	#8B4C6D
66.7%	66.7% #A06C87	RGB 160 108 135	#A06C87
83.3%	83.3% #B590A4	RGB 181 144 164	#B590A4
100.0%	100.0% #CBBAC3	RGB 203 186 195	#CBBAC3

#4C0E2C #611D3F #763255 #8B4C6D #A06C87 #B590A4 #CBBAC3

#4C0E2D - #8B4C6D - #CBBAC3

CSS codes

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

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