#DDB6B2 - #C7685D | 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 #DDB6B2 to #C7685D

#DDB6B2 #C7685D

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

#DDB6B2 - #C7685D | 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 #DDB6B2 as 0% and #C7685D as 100%.

0.0%	0.0% #DDB6B2	RGB 221 182 178	#DDB6B2
16.7%	16.7% #D9A9A3	RGB 217 169 163	#D9A9A3
33.3%	33.3% #D59C95	RGB 213 156 149	#D59C95
50.0%	50.0% #D28F87	RGB 210 143 135	#D28F87
66.7%	66.7% #CE8279	RGB 206 130 121	#CE8279
83.3%	83.3% #CA756B	RGB 202 117 107	#CA756B
100.0%	100.0% #C7685D	RGB 199 104 93	#C7685D

#DDB6B2 #D9A9A3 #D59C95 #D28F87 #CE8279 #CA756B #C7685D

#DDB6B2 - #C7685D

HSV Blend

#DDB6B2 - #C7685D | 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 #DDB6B2 as 0% and #C7685D as 100%.

0.0%	0.0% #DDB6B2	RGB 221 182 178	#DDB6B2
16.7%	16.7% #D9A7A2	RGB 217 167 162	#D9A7A2
33.3%	33.3% #D59A94	RGB 213 154 148	#D59A94
50.0%	50.0% #D28D85	RGB 210 141 133	#D28D85
66.7%	66.7% #CE8077	RGB 206 128 119	#CE8077
83.3%	83.3% #CA736A	RGB 202 115 106	#CA736A
100.0%	100.0% #C7685D	RGB 199 104 93	#C7685D

#DDB6B2 #D9A7A2 #D59A94 #D28D85 #CE8077 #CA736A #C7685D

#DDB6B2 - #D28D85 - #C7685D

CSS codes

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

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