#DCC8C9 - #AB5D5D | 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 #DCC8C9 to #AB5D5D

#DCC8C9 #AB5D5D

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

#DCC8C9 - #AB5D5D | 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 #DCC8C9 as 0% and #AB5D5D as 100%.

0.0%	0.0% #DCC8C9	RGB 220 200 201	#DCC8C9
16.7%	16.7% #D3B6B7	RGB 211 182 183	#D3B6B7
33.3%	33.3% #CBA4A5	RGB 203 164 165	#CBA4A5
50.0%	50.0% #C39293	RGB 195 146 147	#C39293
66.7%	66.7% #BB8081	RGB 187 128 129	#BB8081
83.3%	83.3% #B36E6F	RGB 179 110 111	#B36E6F
100.0%	100.0% #AB5D5D	RGB 171 93 93	#AB5D5D

#DCC8C9 #D3B6B7 #CBA4A5 #C39293 #BB8081 #B36E6F #AB5D5D

#DCC8C9 - #AB5D5D

HSV Blend

#DCC8C9 - #AB5D5D | 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 #DCC8C9 as 0% and #AB5D5D as 100%.

0.0%	0.0% #DCC8C9	RGB 220 200 201	#DCC8C9
16.7%	16.7% #D3B3B5	RGB 211 179 181	#D3B3B5
33.3%	33.3% #CBA0A1	RGB 203 160 161	#CBA0A1
50.0%	50.0% #C38E8F	RGB 195 142 143	#C38E8F
66.7%	66.7% #BB7C7D	RGB 187 124 125	#BB7C7D
83.3%	83.3% #B36C6C	RGB 179 108 108	#B36C6C
100.0%	100.0% #AB5D5D	RGB 171 93 93	#AB5D5D

#DCC8C9 #D3B3B5 #CBA0A1 #C38E8F #BB7C7D #B36C6C #AB5D5D

#DCC8C9 - #C38E8F - #AB5D5D

CSS codes

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

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