#DDA198 - #AB4736 | 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 #DDA198 to #AB4736

#DDA198 #AB4736

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

#DDA198 - #AB4736 | 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 #DDA198 as 0% and #AB4736 as 100%.

0.0%	0.0% #DDA198	RGB 221 161 152	#DDA198
16.7%	16.7% #D49287	RGB 212 146 135	#D49287
33.3%	33.3% #CC8377	RGB 204 131 119	#CC8377
50.0%	50.0% #C47467	RGB 196 116 103	#C47467
66.7%	66.7% #BB6556	RGB 187 101 86	#BB6556
83.3%	83.3% #B35646	RGB 179 86 70	#B35646
100.0%	100.0% #AB4736	RGB 171 71 54	#AB4736

#DDA198 #D49287 #CC8377 #C47467 #BB6556 #B35646 #AB4736

#DDA198 - #AB4736

HSV Blend

#DDA198 - #AB4736 | 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 #DDA198 as 0% and #AB4736 as 100%.

0.0%	0.0% #DDA198	RGB 221 161 152	#DDA198
16.7%	16.7% #D48F85	RGB 212 143 133	#D48F85
33.3%	33.3% #CC7F73	RGB 204 127 115	#CC7F73
50.0%	50.0% #C46F62	RGB 196 111 98	#C46F62
66.7%	66.7% #BB6152	RGB 187 97 82	#BB6152
83.3%	83.3% #B35343	RGB 179 83 67	#B35343
100.0%	100.0% #AB4736	RGB 171 71 54	#AB4736

#DDA198 #D48F85 #CC7F73 #C46F62 #BB6152 #B35343 #AB4736

#DDA198 - #C46F62 - #AB4736

CSS codes

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

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