#C25DB3 - #EDD0E9 | 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 #C25DB3 to #EDD0E9

#C25DB3 #EDD0E9

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

#C25DB3 - #EDD0E9 | 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 #C25DB3 as 0% and #EDD0E9 as 100%.

0.0%	0.0% #C25DB3	RGB 194 93 179	#C25DB3
16.7%	16.7% #C970BC	RGB 201 112 188	#C970BC
33.3%	33.3% #D083C5	RGB 208 131 197	#D083C5
50.0%	50.0% #D796CE	RGB 215 150 206	#D796CE
66.7%	66.7% #DEA9D7	RGB 222 169 215	#DEA9D7
83.3%	83.3% #E5BCE0	RGB 229 188 224	#E5BCE0
100.0%	100.0% #EDD0E9	RGB 237 208 233	#EDD0E9

#C25DB3 #C970BC #D083C5 #D796CE #DEA9D7 #E5BCE0 #EDD0E9

#C25DB3 - #EDD0E9

HSV Blend

#C25DB3 - #EDD0E9 | 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 #C25DB3 as 0% and #EDD0E9 as 100%.

0.0%	0.0% #C25CB3	RGB 194 92 179	#C25CB3
16.7%	16.7% #C96DBB	RGB 201 109 187	#C96DBB
33.3%	33.3% #D07FC4	RGB 208 127 196	#D07FC4
50.0%	50.0% #D792CD	RGB 215 146 205	#D792CD
66.7%	66.7% #DEA5D6	RGB 222 165 214	#DEA5D6
83.3%	83.3% #E5BADF	RGB 229 186 223	#E5BADF
100.0%	100.0% #EDD0E9	RGB 237 208 233	#EDD0E9

#C25CB3 #C96DBB #D07FC4 #D792CD #DEA5D6 #E5BADF #EDD0E9

#C25DB3 - #D792CD - #EDD0E9

CSS codes

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

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