#C17ECE - #EDDAF1 | 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 #C17ECE to #EDDAF1

#C17ECE #EDDAF1

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

#C17ECE - #EDDAF1 | 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 #C17ECE as 0% and #EDDAF1 as 100%.

0.0%	0.0% #C17ECE	RGB 193 126 206	#C17ECE
16.7%	16.7% #C88DD3	RGB 200 141 211	#C88DD3
33.3%	33.3% #CF9CD9	RGB 207 156 217	#CF9CD9
50.0%	50.0% #D7ACDF	RGB 215 172 223	#D7ACDF
66.7%	66.7% #DEBBE5	RGB 222 187 229	#DEBBE5
83.3%	83.3% #E5CAEB	RGB 229 202 235	#E5CAEB
100.0%	100.0% #EDDAF1	RGB 237 218 241	#EDDAF1

#C17ECE #C88DD3 #CF9CD9 #D7ACDF #DEBBE5 #E5CAEB #EDDAF1

#C17ECE - #EDDAF1

HSV Blend

#C17ECE - #EDDAF1 | 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 #C17ECE as 0% and #EDDAF1 as 100%.

0.0%	0.0% #C17ECE	RGB 193 126 206	#C17ECE
16.7%	16.7% #C88BD3	RGB 200 139 211	#C88BD3
33.3%	33.3% #CF9AD9	RGB 207 154 217	#CF9AD9
50.0%	50.0% #D6A9DF	RGB 214 169 223	#D6A9DF
66.7%	66.7% #DDB9E5	RGB 221 185 229	#DDB9E5
83.3%	83.3% #E5C9EB	RGB 229 201 235	#E5C9EB
100.0%	100.0% #EDDAF1	RGB 237 218 241	#EDDAF1

#C17ECE #C88BD3 #CF9AD9 #D6A9DF #DDB9E5 #E5C9EB #EDDAF1

#C17ECE - #D6A9DF - #EDDAF1

CSS codes

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

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