#C1AFD6 - #ECE8F3 | 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 #C1AFD6 to #ECE8F3

#C1AFD6 #ECE8F3

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

#C1AFD6 - #ECE8F3 | 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 #C1AFD6 as 0% and #ECE8F3 as 100%.

0.0%	0.0% #C1AFD6	RGB 193 175 214	#C1AFD6
16.7%	16.7% #C8B8DA	RGB 200 184 218	#C8B8DA
33.3%	33.3% #CFC2DF	RGB 207 194 223	#CFC2DF
50.0%	50.0% #D6CBE4	RGB 214 203 228	#D6CBE4
66.7%	66.7% #DDD5E9	RGB 221 213 233	#DDD5E9
83.3%	83.3% #E4DEEE	RGB 228 222 238	#E4DEEE
100.0%	100.0% #ECE8F3	RGB 236 232 243	#ECE8F3

#C1AFD6 #C8B8DA #CFC2DF #D6CBE4 #DDD5E9 #E4DEEE #ECE8F3

#C1AFD6 - #ECE8F3

HSV Blend

#C1AFD6 - #ECE8F3 | 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 #C1AFD6 as 0% and #ECE8F3 as 100%.

0.0%	0.0% #C1AFD6	RGB 193 175 214	#C1AFD6
16.7%	16.7% #C7B7DA	RGB 199 183 218	#C7B7DA
33.3%	33.3% #CEC1DF	RGB 206 193 223	#CEC1DF
50.0%	50.0% #D5CAE4	RGB 213 202 228	#D5CAE4
66.7%	66.7% #DCD4E9	RGB 220 212 233	#DCD4E9
83.3%	83.3% #E4DDEE	RGB 228 221 238	#E4DDEE
100.0%	100.0% #ECE8F3	RGB 236 232 243	#ECE8F3

#C1AFD6 #C7B7DA #CEC1DF #D5CAE4 #DCD4E9 #E4DDEE #ECE8F3

#C1AFD6 - #D5CAE4 - #ECE8F3

CSS codes

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

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