#C080DA - #EDDAF4 | 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 #C080DA to #EDDAF4

#C080DA #EDDAF4

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

#C080DA - #EDDAF4 | 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 #C080DA as 0% and #EDDAF4 as 100%.

0.0%	0.0% #C080DA	RGB 192 128 218	#C080DA
16.7%	16.7% #C78FDE	RGB 199 143 222	#C78FDE
33.3%	33.3% #CF9EE2	RGB 207 158 226	#CF9EE2
50.0%	50.0% #D6ADE7	RGB 214 173 231	#D6ADE7
66.7%	66.7% #DEBCEB	RGB 222 188 235	#DEBCEB
83.3%	83.3% #E5CBEF	RGB 229 203 239	#E5CBEF
100.0%	100.0% #EDDAF4	RGB 237 218 244	#EDDAF4

#C080DA #C78FDE #CF9EE2 #D6ADE7 #DEBCEB #E5CBEF #EDDAF4

#C080DA - #EDDAF4

HSV Blend

#C080DA - #EDDAF4 | 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 #C080DA as 0% and #EDDAF4 as 100%.

0.0%	0.0% #C080DA	RGB 192 128 218	#C080DA
16.7%	16.7% #C78DDE	RGB 199 141 222	#C78DDE
33.3%	33.3% #CE9CE2	RGB 206 156 226	#CE9CE2
50.0%	50.0% #D6ABE7	RGB 214 171 231	#D6ABE7
66.7%	66.7% #DDBAEB	RGB 221 186 235	#DDBAEB
83.3%	83.3% #E5C9EF	RGB 229 201 239	#E5C9EF
100.0%	100.0% #EDDAF4	RGB 237 218 244	#EDDAF4

#C080DA #C78DDE #CE9CE2 #D6ABE7 #DDBAEB #E5C9EF #EDDAF4

#C080DA - #D6ABE7 - #EDDAF4

CSS codes

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

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