#CFBACE - #AA5986 | 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 #CFBACE to #AA5986

#CFBACE #AA5986

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

#CFBACE - #AA5986 | 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 #CFBACE as 0% and #AA5986 as 100%.

0.0%	0.0% #CFBACE	RGB 207 186 206	#CFBACE
16.7%	16.7% #C8A9C2	RGB 200 169 194	#C8A9C2
33.3%	33.3% #C299B6	RGB 194 153 182	#C299B6
50.0%	50.0% #BC89AA	RGB 188 137 170	#BC89AA
66.7%	66.7% #B6799E	RGB 182 121 158	#B6799E
83.3%	83.3% #B06992	RGB 176 105 146	#B06992
100.0%	100.0% #AA5986	RGB 170 89 134	#AA5986

#CFBACE #C8A9C2 #C299B6 #BC89AA #B6799E #B06992 #AA5986

#CFBACE - #AA5986

HSV Blend

#CFBACE - #AA5986 | 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 #CFBACE as 0% and #AA5986 as 100%.

0.0%	0.0% #CFBACE	RGB 207 186 206	#CFBACE
16.7%	16.7% #C8A7C5	RGB 200 167 197	#C8A7C5
33.3%	33.3% #C296BA	RGB 194 150 186	#C296BA
50.0%	50.0% #BC86AF	RGB 188 134 175	#BC86AF
66.7%	66.7% #B676A2	RGB 182 118 162	#B676A2
83.3%	83.3% #B06794	RGB 176 103 148	#B06794
100.0%	100.0% #AA5986	RGB 170 89 134	#AA5986

#CFBACE #C8A7C5 #C296BA #BC86AF #B676A2 #B06794 #AA5986

#CFBACE - #BC86AF - #AA5986

CSS codes

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

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