#AC8CBA - #FFCFB8 | 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 #AC8CBA to #FFCFB8

#AC8CBA #FFCFB8

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

#AC8CBA - #FFCFB8 | 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 #AC8CBA as 0% and #FFCFB8 as 100%.

0.0%	0.0% #AC8CBA	RGB 172 140 186	#AC8CBA
16.7%	16.7% #B997B9	RGB 185 151 185	#B997B9
33.3%	33.3% #C7A2B9	RGB 199 162 185	#C7A2B9
50.0%	50.0% #D5ADB9	RGB 213 173 185	#D5ADB9
66.7%	66.7% #E3B8B8	RGB 227 184 184	#E3B8B8
83.3%	83.3% #F1C3B8	RGB 241 195 184	#F1C3B8
100.0%	100.0% #FFCFB8	RGB 255 207 184	#FFCFB8

#AC8CBA #B997B9 #C7A2B9 #D5ADB9 #E3B8B8 #F1C3B8 #FFCFB8

#AC8CBA - #FFCFB8

HSV Blend

#AC8CBA - #FFCFB8 | 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 #AC8CBA as 0% and #FFCFB8 as 100%.

0.0%	0.0% #AC8CBA	RGB 172 140 186	#AC8CBA
16.7%	16.7% #C393C5	RGB 195 147 197	#C393C5
33.3%	33.3% #D19BC4	RGB 209 155 196	#D19BC4
50.0%	50.0% #DCA2BE	RGB 220 162 190	#DCA2BE
66.7%	66.7% #E8A9B7	RGB 232 169 183	#E8A9B7
83.3%	83.3% #F3B4B0	RGB 243 180 176	#F3B4B0
100.0%	100.0% #FFCFB8	RGB 255 207 184	#FFCFB8

#AC8CBA #C393C5 #D19BC4 #DCA2BE #E8A9B7 #F3B4B0 #FFCFB8

#AC8CBA - #DCA2BE - #FFCFB8

CSS codes

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

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