#DFD3C2 - #C1976F | 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 #DFD3C2 to #C1976F

#DFD3C2 #C1976F

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

#DFD3C2 - #C1976F | 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 #DFD3C2 as 0% and #C1976F as 100%.

0.0%	0.0% #DFD3C2	RGB 223 211 194	#DFD3C2
16.7%	16.7% #DAC9B4	RGB 218 201 180	#DAC9B4
33.3%	33.3% #D5BFA6	RGB 213 191 166	#D5BFA6
50.0%	50.0% #D0B598	RGB 208 181 152	#D0B598
66.7%	66.7% #CBAB8A	RGB 203 171 138	#CBAB8A
83.3%	83.3% #C6A17C	RGB 198 161 124	#C6A17C
100.0%	100.0% #C1976F	RGB 193 151 111	#C1976F

#DFD3C2 #DAC9B4 #D5BFA6 #D0B598 #CBAB8A #C6A17C #C1976F

#DFD3C2 - #C1976F

HSV Blend

#DFD3C2 - #C1976F | 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 #DFD3C2 as 0% and #C1976F as 100%.

0.0%	0.0% #DFD3C2	RGB 223 211 194	#DFD3C2
16.7%	16.7% #DAC9B2	RGB 218 201 178	#DAC9B2
33.3%	33.3% #D5BFA4	RGB 213 191 164	#D5BFA4
50.0%	50.0% #D0B596	RGB 208 181 150	#D0B596
66.7%	66.7% #CBAB88	RGB 203 171 136	#CBAB88
83.3%	83.3% #C6A17B	RGB 198 161 123	#C6A17B
100.0%	100.0% #C1976F	RGB 193 151 111	#C1976F

#DFD3C2 #DAC9B2 #D5BFA4 #D0B596 #CBAB88 #C6A17B #C1976F

#DFD3C2 - #D0B596 - #C1976F

CSS codes

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

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