#DACFD5 - #AF7B8F | 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 #DACFD5 to #AF7B8F

#DACFD5 #AF7B8F

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

#DACFD5 - #AF7B8F | 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 #DACFD5 as 0% and #AF7B8F as 100%.

0.0%	0.0% #DACFD5	RGB 218 207 213	#DACFD5
16.7%	16.7% #D2C1C9	RGB 210 193 201	#D2C1C9
33.3%	33.3% #CBB3BD	RGB 203 179 189	#CBB3BD
50.0%	50.0% #C4A5B2	RGB 196 165 178	#C4A5B2
66.7%	66.7% #BD97A6	RGB 189 151 166	#BD97A6
83.3%	83.3% #B6899A	RGB 182 137 154	#B6899A
100.0%	100.0% #AF7B8F	RGB 175 123 143	#AF7B8F

#DACFD5 #D2C1C9 #CBB3BD #C4A5B2 #BD97A6 #B6899A #AF7B8F

#DACFD5 - #AF7B8F

HSV Blend

#DACFD5 - #AF7B8F | 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 #DACFD5 as 0% and #AF7B8F as 100%.

0.0%	0.0% #DACFD5	RGB 218 207 213	#DACFD5
16.7%	16.7% #D2BFC9	RGB 210 191 201	#D2BFC9
33.3%	33.3% #CBB0BD	RGB 203 176 189	#CBB0BD
50.0%	50.0% #C4A2B2	RGB 196 162 178	#C4A2B2
66.7%	66.7% #BD94A6	RGB 189 148 166	#BD94A6
83.3%	83.3% #B6879A	RGB 182 135 154	#B6879A
100.0%	100.0% #AF7B8F	RGB 175 123 143	#AF7B8F

#DACFD5 #D2BFC9 #CBB0BD #C4A2B2 #BD94A6 #B6879A #AF7B8F

#DACFD5 - #C4A2B2 - #AF7B8F

CSS codes

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

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