#D0AD9F - #B3644A | 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 #D0AD9F to #B3644A

#D0AD9F #B3644A

Calculate the color between two colors, #D0AD9F and #B3644A. 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)

#D0AD9F - #B3644A | 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 #D0AD9F as 0% and #B3644A as 100%.

0.0%	0.0% #D0AD9F	RGB 208 173 159	#D0AD9F
16.7%	16.7% #CBA090	RGB 203 160 144	#CBA090
33.3%	33.3% #C69482	RGB 198 148 130	#C69482
50.0%	50.0% #C18874	RGB 193 136 116	#C18874
66.7%	66.7% #BC7C66	RGB 188 124 102	#BC7C66
83.3%	83.3% #B77058	RGB 183 112 88	#B77058
100.0%	100.0% #B3644A	RGB 179 100 74	#B3644A

#D0AD9F #CBA090 #C69482 #C18874 #BC7C66 #B77058 #B3644A

#D0AD9F - #B3644A

HSV Blend

#D0AD9F - #B3644A | 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 #D0AD9F as 0% and #B3644A as 100%.

0.0%	0.0% #D0AD9F	RGB 208 173 159	#D0AD9F
16.7%	16.7% #CBA08F	RGB 203 160 143	#CBA08F
33.3%	33.3% #C69380	RGB 198 147 128	#C69380
50.0%	50.0% #C18771	RGB 193 135 113	#C18771
66.7%	66.7% #BC7B64	RGB 188 123 100	#BC7B64
83.3%	83.3% #B76F56	RGB 183 111 86	#B76F56
100.0%	100.0% #B3644A	RGB 179 100 74	#B3644A

#D0AD9F #CBA08F #C69380 #C18771 #BC7B64 #B76F56 #B3644A

#D0AD9F - #C18771 - #B3644A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D0AD9F 0%, #C18771 50%, #B3644A 100%);
    background: -webkit-linear-gradient(top, #D0AD9F 0%, #C18771 50%, #B3644A 100%);
    background: linear-gradient(to bottom, #D0AD9F 0%, #C18771 50%, #B3644A 100%);
}
</style>