#CDA79B - #B05D46 | 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 #CDA79B to #B05D46

#CDA79B #B05D46

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

#CDA79B - #B05D46 | 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 #CDA79B as 0% and #B05D46 as 100%.

0.0%	0.0% #CDA79B	RGB 205 167 155	#CDA79B
16.7%	16.7% #C89A8C	RGB 200 154 140	#C89A8C
33.3%	33.3% #C38E7E	RGB 195 142 126	#C38E7E
50.0%	50.0% #BE8270	RGB 190 130 112	#BE8270
66.7%	66.7% #B97562	RGB 185 117 98	#B97562
83.3%	83.3% #B46954	RGB 180 105 84	#B46954
100.0%	100.0% #B05D46	RGB 176 93 70	#B05D46

#CDA79B #C89A8C #C38E7E #BE8270 #B97562 #B46954 #B05D46

#CDA79B - #B05D46

HSV Blend

#CDA79B - #B05D46 | 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 #CDA79B as 0% and #B05D46 as 100%.

0.0%	0.0% #CDA79B	RGB 205 167 155	#CDA79B
16.7%	16.7% #C8998B	RGB 200 153 139	#C8998B
33.3%	33.3% #C38C7C	RGB 195 140 124	#C38C7C
50.0%	50.0% #BE806D	RGB 190 128 109	#BE806D
66.7%	66.7% #B97460	RGB 185 116 96	#B97460
83.3%	83.3% #B46852	RGB 180 104 82	#B46852
100.0%	100.0% #B05D46	RGB 176 93 70	#B05D46

#CDA79B #C8998B #C38C7C #BE806D #B97460 #B46852 #B05D46

#CDA79B - #BE806D - #B05D46

CSS codes

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

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