#DFB5BC - #AD5F6F | 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 #DFB5BC to #AD5F6F

#DFB5BC #AD5F6F

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

#DFB5BC - #AD5F6F | 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 #DFB5BC as 0% and #AD5F6F as 100%.

0.0%	0.0% #DFB5BC	RGB 223 181 188	#DFB5BC
16.7%	16.7% #D6A6AF	RGB 214 166 175	#D6A6AF
33.3%	33.3% #CE98A2	RGB 206 152 162	#CE98A2
50.0%	50.0% #C68A95	RGB 198 138 149	#C68A95
66.7%	66.7% #BD7B88	RGB 189 123 136	#BD7B88
83.3%	83.3% #B56D7B	RGB 181 109 123	#B56D7B
100.0%	100.0% #AD5F6F	RGB 173 95 111	#AD5F6F

#DFB5BC #D6A6AF #CE98A2 #C68A95 #BD7B88 #B56D7B #AD5F6F

#DFB5BC - #AD5F6F

HSV Blend

#DFB5BC - #AD5F6F | 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 #DFB5BC as 0% and #AD5F6F as 100%.

0.0%	0.0% #DFB5BC	RGB 223 181 188	#DFB5BC
16.7%	16.7% #D6A4AD	RGB 214 164 173	#D6A4AD
33.3%	33.3% #CE959F	RGB 206 149 159	#CE959F
50.0%	50.0% #C68692	RGB 198 134 146	#C68692
66.7%	66.7% #BD7886	RGB 189 120 134	#BD7886
83.3%	83.3% #B56B7A	RGB 181 107 122	#B56B7A
100.0%	100.0% #AD5F6F	RGB 173 95 111	#AD5F6F

#DFB5BC #D6A4AD #CE959F #C68692 #BD7886 #B56B7A #AD5F6F

#DFB5BC - #C68692 - #AD5F6F

CSS codes

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

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