#DDCCC3 - #C38870 | 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 #DDCCC3 to #C38870

#DDCCC3 #C38870

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

#DDCCC3 - #C38870 | 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 #DDCCC3 as 0% and #C38870 as 100%.

0.0%	0.0% #DDCCC3	RGB 221 204 195	#DDCCC3
16.7%	16.7% #D8C0B5	RGB 216 192 181	#D8C0B5
33.3%	33.3% #D4B5A7	RGB 212 181 167	#D4B5A7
50.0%	50.0% #D0AA99	RGB 208 170 153	#D0AA99
66.7%	66.7% #CB9E8B	RGB 203 158 139	#CB9E8B
83.3%	83.3% #C7937D	RGB 199 147 125	#C7937D
100.0%	100.0% #C38870	RGB 195 136 112	#C38870

#DDCCC3 #D8C0B5 #D4B5A7 #D0AA99 #CB9E8B #C7937D #C38870

#DDCCC3 - #C38870

HSV Blend

#DDCCC3 - #C38870 | 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 #DDCCC3 as 0% and #C38870 as 100%.

0.0%	0.0% #DDCCC3	RGB 221 204 195	#DDCCC3
16.7%	16.7% #D8C0B4	RGB 216 192 180	#D8C0B4
33.3%	33.3% #D4B4A5	RGB 212 180 165	#D4B4A5
50.0%	50.0% #D0A997	RGB 208 169 151	#D0A997
66.7%	66.7% #CB9E89	RGB 203 158 137	#CB9E89
83.3%	83.3% #C7937C	RGB 199 147 124	#C7937C
100.0%	100.0% #C38870	RGB 195 136 112	#C38870

#DDCCC3 #D8C0B4 #D4B4A5 #D0A997 #CB9E89 #C7937C #C38870

#DDCCC3 - #D0A997 - #C38870

CSS codes

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

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