#481B2D - #CABDC3 | 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 #481B2D to #CABDC3

#481B2D #CABDC3

Calculate the color between two colors, #481B2D and #CABDC3. 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)

#481B2D - #CABDC3 | 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 #481B2D as 0% and #CABDC3 as 100%.

0.0%	0.0% #481B2D	RGB 72 27 45	#481B2D
16.7%	16.7% #5D3646	RGB 93 54 70	#5D3646
33.3%	33.3% #73515F	RGB 115 81 95	#73515F
50.0%	50.0% #896C78	RGB 137 108 120	#896C78
66.7%	66.7% #9E8791	RGB 158 135 145	#9E8791
83.3%	83.3% #B4A2AA	RGB 180 162 170	#B4A2AA
100.0%	100.0% #CABDC3	RGB 202 189 195	#CABDC3

#481B2D #5D3646 #73515F #896C78 #9E8791 #B4A2AA #CABDC3

#481B2D - #CABDC3

HSV Blend

#481B2D - #CABDC3 | 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 #481B2D as 0% and #CABDC3 as 100%.

0.0%	0.0% #481B2D	RGB 72 27 45	#481B2D
16.7%	16.7% #5D2B40	RGB 93 43 64	#5D2B40
33.3%	33.3% #734056	RGB 115 64 86	#734056
50.0%	50.0% #89596E	RGB 137 89 110	#89596E
66.7%	66.7% #9E7688	RGB 158 118 136	#9E7688
83.3%	83.3% #B497A4	RGB 180 151 164	#B497A4
100.0%	100.0% #CABDC3	RGB 202 189 195	#CABDC3

#481B2D #5D2B40 #734056 #89596E #9E7688 #B497A4 #CABDC3

#481B2D - #89596E - #CABDC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #481B2D 0%, #89596E 50%, #CABDC3 100%);
    background: -webkit-linear-gradient(top, #481B2D 0%, #89596E 50%, #CABDC3 100%);
    background: linear-gradient(to bottom, #481B2D 0%, #89596E 50%, #CABDC3 100%);
}
</style>