#CFCAE7 - #886BAB | 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 #CFCAE7 to #886BAB

#CFCAE7 #886BAB

Calculate the color between two colors, #CFCAE7 and #886BAB. 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)

#CFCAE7 - #886BAB | 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 #CFCAE7 as 0% and #886BAB as 100%.

0.0%	0.0% #CFCAE7	RGB 207 202 231	#CFCAE7
16.7%	16.7% #C3BADD	RGB 195 186 221	#C3BADD
33.3%	33.3% #B7AAD3	RGB 183 170 211	#B7AAD3
50.0%	50.0% #AB9AC9	RGB 171 154 201	#AB9AC9
66.7%	66.7% #9F8ABF	RGB 159 138 191	#9F8ABF
83.3%	83.3% #937AB5	RGB 147 122 181	#937AB5
100.0%	100.0% #886BAB	RGB 136 107 171	#886BAB

#CFCAE7 #C3BADD #B7AAD3 #AB9AC9 #9F8ABF #937AB5 #886BAB

#CFCAE7 - #886BAB

HSV Blend

#CFCAE7 - #886BAB | 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 #CFCAE7 as 0% and #886BAB as 100%.

0.0%	0.0% #CFCAE7	RGB 207 202 231	#CFCAE7
16.7%	16.7% #C0B8DD	RGB 192 184 221	#C0B8DD
33.3%	33.3% #B2A7D3	RGB 178 167 211	#B2A7D3
50.0%	50.0% #A696C9	RGB 166 150 201	#A696C9
66.7%	66.7% #9B87BF	RGB 155 135 191	#9B87BF
83.3%	83.3% #9178B5	RGB 145 120 181	#9178B5
100.0%	100.0% #886BAB	RGB 136 107 171	#886BAB

#CFCAE7 #C0B8DD #B2A7D3 #A696C9 #9B87BF #9178B5 #886BAB

#CFCAE7 - #A696C9 - #886BAB

CSS codes

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

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