#CCAAC8 - #A4467E | 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 #CCAAC8 to #A4467E

#CCAAC8 #A4467E

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

#CCAAC8 - #A4467E | 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 #CCAAC8 as 0% and #A4467E as 100%.

0.0%	0.0% #CCAAC8	RGB 204 170 200	#CCAAC8
16.7%	16.7% #C599BB	RGB 197 153 187	#C599BB
33.3%	33.3% #BE88AF	RGB 190 136 175	#BE88AF
50.0%	50.0% #B878A3	RGB 184 120 163	#B878A3
66.7%	66.7% #B16796	RGB 177 103 150	#B16796
83.3%	83.3% #AA568A	RGB 170 86 138	#AA568A
100.0%	100.0% #A4467E	RGB 164 70 126	#A4467E

#CCAAC8 #C599BB #BE88AF #B878A3 #B16796 #AA568A #A4467E

#CCAAC8 - #A4467E

HSV Blend

#CCAAC8 - #A4467E | 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 #CCAAC8 as 0% and #A4467E as 100%.

0.0%	0.0% #CCAAC8	RGB 204 170 200	#CCAAC8
16.7%	16.7% #C597BD	RGB 197 151 189	#C597BD
33.3%	33.3% #BE85B2	RGB 190 133 178	#BE85B2
50.0%	50.0% #B873A6	RGB 184 115 166	#B873A6
66.7%	66.7% #B16399	RGB 177 99 153	#B16399
83.3%	83.3% #AA548B	RGB 170 84 139	#AA548B
100.0%	100.0% #A4467E	RGB 164 70 126	#A4467E

#CCAAC8 #C597BD #BE85B2 #B873A6 #B16399 #AA548B #A4467E

#CCAAC8 - #B873A6 - #A4467E

CSS codes

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

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