#C04FC3 - #EDCCED | 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 #C04FC3 to #EDCCED

#C04FC3 #EDCCED

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

#C04FC3 - #EDCCED | 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 #C04FC3 as 0% and #EDCCED as 100%.

0.0%	0.0% #C04FC3	RGB 192 79 195	#C04FC3
16.7%	16.7% #C763CA	RGB 199 99 202	#C763CA
33.3%	33.3% #CF78D1	RGB 207 120 209	#CF78D1
50.0%	50.0% #D68DD8	RGB 214 141 216	#D68DD8
66.7%	66.7% #DEA2DF	RGB 222 162 223	#DEA2DF
83.3%	83.3% #E5B7E6	RGB 229 183 230	#E5B7E6
100.0%	100.0% #EDCCED	RGB 237 204 237	#EDCCED

#C04FC3 #C763CA #CF78D1 #D68DD8 #DEA2DF #E5B7E6 #EDCCED

#C04FC3 - #EDCCED

HSV Blend

#C04FC3 - #EDCCED | 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 #C04FC3 as 0% and #EDCCED as 100%.

0.0%	0.0% #C04FC3	RGB 192 79 195	#C04FC3
16.7%	16.7% #C761CA	RGB 199 97 202	#C761CA
33.3%	33.3% #CF74D1	RGB 207 116 209	#CF74D1
50.0%	50.0% #D688D8	RGB 214 136 216	#D688D8
66.7%	66.7% #DE9EDF	RGB 222 158 223	#DE9EDF
83.3%	83.3% #E5B4E6	RGB 229 180 230	#E5B4E6
100.0%	100.0% #EDCCED	RGB 237 204 237	#EDCCED

#C04FC3 #C761CA #CF74D1 #D688D8 #DE9EDF #E5B4E6 #EDCCED

#C04FC3 - #D688D8 - #EDCCED

CSS codes

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

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