#CFCAE3 - #886DA5 | 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 #CFCAE3 to #886DA5

#CFCAE3 #886DA5

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

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

0.0%	0.0% #CFCAE3	RGB 207 202 227	#CFCAE3
16.7%	16.7% #C3BAD8	RGB 195 186 216	#C3BAD8
33.3%	33.3% #B7ABCE	RGB 183 171 206	#B7ABCE
50.0%	50.0% #AB9BC4	RGB 171 155 196	#AB9BC4
66.7%	66.7% #9F8CB9	RGB 159 140 185	#9F8CB9
83.3%	83.3% #937CAF	RGB 147 124 175	#937CAF
100.0%	100.0% #886DA5	RGB 136 109 165	#886DA5

#CFCAE3 #C3BAD8 #B7ABCE #AB9BC4 #9F8CB9 #937CAF #886DA5

#CFCAE3 - #886DA5

HSV Blend

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

0.0%	0.0% #CFCAE3	RGB 207 202 227	#CFCAE3
16.7%	16.7% #C0B8D8	RGB 192 184 216	#C0B8D8
33.3%	33.3% #B3A7CE	RGB 179 167 206	#B3A7CE
50.0%	50.0% #A697C4	RGB 166 151 196	#A697C4
66.7%	66.7% #9B88B9	RGB 155 136 185	#9B88B9
83.3%	83.3% #917AAF	RGB 145 122 175	#917AAF
100.0%	100.0% #886DA5	RGB 136 109 165	#886DA5

#CFCAE3 #C0B8D8 #B3A7CE #A697C4 #9B88B9 #917AAF #886DA5

#CFCAE3 - #A697C4 - #886DA5

CSS codes

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

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