#CEAFCB - #AA5AAC | 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 #CEAFCB to #AA5AAC

#CEAFCB #AA5AAC

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

#CEAFCB - #AA5AAC | 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 #CEAFCB as 0% and #AA5AAC as 100%.

0.0%	0.0% #CEAFCB	RGB 206 175 203	#CEAFCB
16.7%	16.7% #C8A0C5	RGB 200 160 197	#C8A0C5
33.3%	33.3% #C292C0	RGB 194 146 192	#C292C0
50.0%	50.0% #BC84BB	RGB 188 132 187	#BC84BB
66.7%	66.7% #B676B6	RGB 182 118 182	#B676B6
83.3%	83.3% #B068B1	RGB 176 104 177	#B068B1
100.0%	100.0% #AA5AAC	RGB 170 90 172	#AA5AAC

#CEAFCB #C8A0C5 #C292C0 #BC84BB #B676B6 #B068B1 #AA5AAC

#CEAFCB - #AA5AAC

HSV Blend

#CEAFCB - #AA5AAC | 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 #CEAFCB as 0% and #AA5AAC as 100%.

0.0%	0.0% #CEAFCB	RGB 206 175 203	#CEAFCB
16.7%	16.7% #C89FC5	RGB 200 159 197	#C89FC5
33.3%	33.3% #C290BF	RGB 194 144 191	#C290BF
50.0%	50.0% #BD81BA	RGB 189 129 186	#BD81BA
66.7%	66.7% #B773B6	RGB 183 115 182	#B773B6
83.3%	83.3% #B166B1	RGB 177 102 177	#B166B1
100.0%	100.0% #AA5AAC	RGB 170 90 172	#AA5AAC

#CEAFCB #C89FC5 #C290BF #BD81BA #B773B6 #B166B1 #AA5AAC

#CEAFCB - #BD81BA - #AA5AAC

CSS codes

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

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