#C27ECB - #EDDAF0 | 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 #C27ECB to #EDDAF0

#C27ECB #EDDAF0

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

#C27ECB - #EDDAF0 | 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 #C27ECB as 0% and #EDDAF0 as 100%.

0.0%	0.0% #C27ECB	RGB 194 126 203	#C27ECB
16.7%	16.7% #C98DD1	RGB 201 141 209	#C98DD1
33.3%	33.3% #D09CD7	RGB 208 156 215	#D09CD7
50.0%	50.0% #D7ACDD	RGB 215 172 221	#D7ACDD
66.7%	66.7% #DEBBE3	RGB 222 187 227	#DEBBE3
83.3%	83.3% #E5CAE9	RGB 229 202 233	#E5CAE9
100.0%	100.0% #EDDAF0	RGB 237 218 240	#EDDAF0

#C27ECB #C98DD1 #D09CD7 #D7ACDD #DEBBE3 #E5CAE9 #EDDAF0

#C27ECB - #EDDAF0

HSV Blend

#C27ECB - #EDDAF0 | 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 #C27ECB as 0% and #EDDAF0 as 100%.

0.0%	0.0% #C27ECB	RGB 194 126 203	#C27ECB
16.7%	16.7% #C88BD1	RGB 200 139 209	#C88BD1
33.3%	33.3% #CF9AD7	RGB 207 154 215	#CF9AD7
50.0%	50.0% #D6A9DD	RGB 214 169 221	#D6A9DD
66.7%	66.7% #DEB8E3	RGB 222 184 227	#DEB8E3
83.3%	83.3% #E5C9E9	RGB 229 201 233	#E5C9E9
100.0%	100.0% #EDDAF0	RGB 237 218 240	#EDDAF0

#C27ECB #C88BD1 #CF9AD7 #D6A9DD #DEB8E3 #E5C9E9 #EDDAF0

#C27ECB - #D6A9DD - #EDDAF0

CSS codes

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

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