#C053A8 - #EDCDE6 | 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 #C053A8 to #EDCDE6

#C053A8 #EDCDE6

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

#C053A8 - #EDCDE6 | 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 #C053A8 as 0% and #EDCDE6 as 100%.

0.0%	0.0% #C053A8	RGB 192 83 168	#C053A8
16.7%	16.7% #C767B2	RGB 199 103 178	#C767B2
33.3%	33.3% #CF7BBC	RGB 207 123 188	#CF7BBC
50.0%	50.0% #D690C7	RGB 214 144 199	#D690C7
66.7%	66.7% #DEA4D1	RGB 222 164 209	#DEA4D1
83.3%	83.3% #E5B8DB	RGB 229 184 219	#E5B8DB
100.0%	100.0% #EDCDE6	RGB 237 205 230	#EDCDE6

#C053A8 #C767B2 #CF7BBC #D690C7 #DEA4D1 #E5B8DB #EDCDE6

#C053A8 - #EDCDE6

HSV Blend

#C053A8 - #EDCDE6 | 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 #C053A8 as 0% and #EDCDE6 as 100%.

0.0%	0.0% #C053A8	RGB 192 83 168	#C053A8
16.7%	16.7% #C764B1	RGB 199 100 177	#C764B1
33.3%	33.3% #CF77BB	RGB 207 119 187	#CF77BB
50.0%	50.0% #D68BC5	RGB 214 139 197	#D68BC5
66.7%	66.7% #DEA0D0	RGB 222 160 208	#DEA0D0
83.3%	83.3% #E5B5DB	RGB 229 181 219	#E5B5DB
100.0%	100.0% #EDCDE6	RGB 237 205 230	#EDCDE6

#C053A8 #C764B1 #CF77BB #D68BC5 #DEA0D0 #E5B5DB #EDCDE6

#C053A8 - #D68BC5 - #EDCDE6

CSS codes

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

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