#DACDCD - #C5837D | 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 #DACDCD to #C5837D

#DACDCD #C5837D

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

#DACDCD - #C5837D | 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 #DACDCD as 0% and #C5837D as 100%.

0.0%	0.0% #DACDCD	RGB 218 205 205	#DACDCD
16.7%	16.7% #D6C0BF	RGB 214 192 191	#D6C0BF
33.3%	33.3% #D3B4B2	RGB 211 180 178	#D3B4B2
50.0%	50.0% #CFA8A5	RGB 207 168 165	#CFA8A5
66.7%	66.7% #CC9B97	RGB 204 155 151	#CC9B97
83.3%	83.3% #C88F8A	RGB 200 143 138	#C88F8A
100.0%	100.0% #C5837D	RGB 197 131 125	#C5837D

#DACDCD #D6C0BF #D3B4B2 #CFA8A5 #CC9B97 #C88F8A #C5837D

#DACDCD - #C5837D

HSV Blend

#DACDCD - #C5837D | 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 #DACDCD as 0% and #C5837D as 100%.

0.0%	0.0% #DACDCD	RGB 218 205 205	#DACDCD
16.7%	16.7% #D6BFBE	RGB 214 191 190	#D6BFBE
33.3%	33.3% #D3B1B0	RGB 211 177 176	#D3B1B0
50.0%	50.0% #CFA5A3	RGB 207 165 163	#CFA5A3
66.7%	66.7% #CC9996	RGB 204 153 150	#CC9996
83.3%	83.3% #C88D89	RGB 200 141 137	#C88D89
100.0%	100.0% #C5837D	RGB 197 131 125	#C5837D

#DACDCD #D6BFBE #D3B1B0 #CFA5A3 #CC9996 #C88D89 #C5837D

#DACDCD - #CFA5A3 - #C5837D

CSS codes

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

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