#ACAFB8 - #DDCBC0 | 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 #ACAFB8 to #DDCBC0

#ACAFB8 #DDCBC0

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

#ACAFB8 - #DDCBC0 | 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 #ACAFB8 as 0% and #DDCBC0 as 100%.

0.0%	0.0% #ACAFB8	RGB 172 175 184	#ACAFB8
16.7%	16.7% #B4B3B9	RGB 180 179 185	#B4B3B9
33.3%	33.3% #BCB8BA	RGB 188 184 186	#BCB8BA
50.0%	50.0% #C4BDBC	RGB 196 189 188	#C4BDBC
66.7%	66.7% #CCC1BD	RGB 204 193 189	#CCC1BD
83.3%	83.3% #D4C6BE	RGB 212 198 190	#D4C6BE
100.0%	100.0% #DDCBC0	RGB 221 203 192	#DDCBC0

#ACAFB8 #B4B3B9 #BCB8BA #C4BDBC #CCC1BD #D4C6BE #DDCBC0

#ACAFB8 - #DDCBC0

HSV Blend

#ACAFB8 - #DDCBC0 | 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 #ACAFB8 as 0% and #DDCBC0 as 100%.

0.0%	0.0% #ACAFB8	RGB 172 175 184	#ACAFB8
16.7%	16.7% #B2AFBE	RGB 178 175 190	#B2AFBE
33.3%	33.3% #BDB3C4	RGB 189 179 196	#BDB3C4
50.0%	50.0% #CAB6C9	RGB 202 182 201	#CAB6C9
66.7%	66.7% #D0B9C5	RGB 208 185 197	#D0B9C5
83.3%	83.3% #D6BDBE	RGB 214 189 190	#D6BDBE
100.0%	100.0% #DDCBC0	RGB 221 203 192	#DDCBC0

#ACAFB8 #B2AFBE #BDB3C4 #CAB6C9 #D0B9C5 #D6BDBE #DDCBC0

#ACAFB8 - #CAB6C9 - #DDCBC0

CSS codes

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

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