#DFCFCF - #CC857F | 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 #DFCFCF to #CC857F

#DFCFCF #CC857F

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

#DFCFCF - #CC857F | 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 #DFCFCF as 0% and #CC857F as 100%.

0.0%	0.0% #DFCFCF	RGB 223 207 207	#DFCFCF
16.7%	16.7% #DBC2C1	RGB 219 194 193	#DBC2C1
33.3%	33.3% #D8B6B4	RGB 216 182 180	#D8B6B4
50.0%	50.0% #D5AAA7	RGB 213 170 167	#D5AAA7
66.7%	66.7% #D29D99	RGB 210 157 153	#D29D99
83.3%	83.3% #CF918C	RGB 207 145 140	#CF918C
100.0%	100.0% #CC857F	RGB 204 133 127	#CC857F

#DFCFCF #DBC2C1 #D8B6B4 #D5AAA7 #D29D99 #CF918C #CC857F

#DFCFCF - #CC857F

HSV Blend

#DFCFCF - #CC857F | 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 #DFCFCF as 0% and #CC857F as 100%.

0.0%	0.0% #DFCFCF	RGB 223 207 207	#DFCFCF
16.7%	16.7% #DBC1C0	RGB 219 193 192	#DBC1C0
33.3%	33.3% #D8B4B3	RGB 216 180 179	#D8B4B3
50.0%	50.0% #D5A7A5	RGB 213 167 165	#D5A7A5
66.7%	66.7% #D29B98	RGB 210 155 152	#D29B98
83.3%	83.3% #CF8F8B	RGB 207 143 139	#CF8F8B
100.0%	100.0% #CC857F	RGB 204 133 127	#CC857F

#DFCFCF #DBC1C0 #D8B4B3 #D5A7A5 #D29B98 #CF8F8B #CC857F

#DFCFCF - #D5A7A5 - #CC857F

CSS codes

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

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