#DCCFD4 - #AE7E8D | 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 #DCCFD4 to #AE7E8D

#DCCFD4 #AE7E8D

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

#DCCFD4 - #AE7E8D | 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 #DCCFD4 as 0% and #AE7E8D as 100%.

0.0%	0.0% #DCCFD4	RGB 220 207 212	#DCCFD4
16.7%	16.7% #D4C1C8	RGB 212 193 200	#D4C1C8
33.3%	33.3% #CCB4BC	RGB 204 180 188	#CCB4BC
50.0%	50.0% #C5A6B0	RGB 197 166 176	#C5A6B0
66.7%	66.7% #BD99A4	RGB 189 153 164	#BD99A4
83.3%	83.3% #B58B98	RGB 181 139 152	#B58B98
100.0%	100.0% #AE7E8D	RGB 174 126 141	#AE7E8D

#DCCFD4 #D4C1C8 #CCB4BC #C5A6B0 #BD99A4 #B58B98 #AE7E8D

#DCCFD4 - #AE7E8D

HSV Blend

#DCCFD4 - #AE7E8D | 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 #DCCFD4 as 0% and #AE7E8D as 100%.

0.0%	0.0% #DCCFD4	RGB 220 207 212	#DCCFD4
16.7%	16.7% #D4C0C7	RGB 212 192 199	#D4C0C7
33.3%	33.3% #CCB1BB	RGB 204 177 187	#CCB1BB
50.0%	50.0% #C5A4AF	RGB 197 164 175	#C5A4AF
66.7%	66.7% #BD96A3	RGB 189 150 163	#BD96A3
83.3%	83.3% #B58A98	RGB 181 138 152	#B58A98
100.0%	100.0% #AE7E8D	RGB 174 126 141	#AE7E8D

#DCCFD4 #D4C0C7 #CCB1BB #C5A4AF #BD96A3 #B58A98 #AE7E8D

#DCCFD4 - #C5A4AF - #AE7E8D

CSS codes

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

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