#CEC2CF - #A570AF | 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 #CEC2CF to #A570AF

#CEC2CF #A570AF

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

#CEC2CF - #A570AF | 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 #CEC2CF as 0% and #A570AF as 100%.

0.0%	0.0% #CEC2CF	RGB 206 194 207	#CEC2CF
16.7%	16.7% #C7B4C9	RGB 199 180 201	#C7B4C9
33.3%	33.3% #C0A6C4	RGB 192 166 196	#C0A6C4
50.0%	50.0% #B999BF	RGB 185 153 191	#B999BF
66.7%	66.7% #B28BB9	RGB 178 139 185	#B28BB9
83.3%	83.3% #AB7DB4	RGB 171 125 180	#AB7DB4
100.0%	100.0% #A570AF	RGB 165 112 175	#A570AF

#CEC2CF #C7B4C9 #C0A6C4 #B999BF #B28BB9 #AB7DB4 #A570AF

#CEC2CF - #A570AF

HSV Blend

#CEC2CF - #A570AF | 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 #CEC2CF as 0% and #A570AF as 100%.

0.0%	0.0% #CEC2CF	RGB 206 194 207	#CEC2CF
16.7%	16.7% #C7B3C9	RGB 199 179 201	#C7B3C9
33.3%	33.3% #C1A4C4	RGB 193 164 196	#C1A4C4
50.0%	50.0% #BA96BF	RGB 186 150 191	#BA96BF
66.7%	66.7% #B389B9	RGB 179 137 185	#B389B9
83.3%	83.3% #AC7CB4	RGB 172 124 180	#AC7CB4
100.0%	100.0% #A570AF	RGB 165 112 175	#A570AF

#CEC2CF #C7B3C9 #C1A4C4 #BA96BF #B389B9 #AC7CB4 #A570AF

#CEC2CF - #BA96BF - #A570AF

CSS codes

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

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