#C45DA7 - #EED0E5 | 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 #C45DA7 to #EED0E5

#C45DA7 #EED0E5

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

#C45DA7 - #EED0E5 | 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 #C45DA7 as 0% and #EED0E5 as 100%.

0.0%	0.0% #C45DA7	RGB 196 93 167	#C45DA7
16.7%	16.7% #CB70B1	RGB 203 112 177	#CB70B1
33.3%	33.3% #D283BB	RGB 210 131 187	#D283BB
50.0%	50.0% #D996C6	RGB 217 150 198	#D996C6
66.7%	66.7% #E0A9D0	RGB 224 169 208	#E0A9D0
83.3%	83.3% #E7BCDA	RGB 231 188 218	#E7BCDA
100.0%	100.0% #EED0E5	RGB 238 208 229	#EED0E5

#C45DA7 #CB70B1 #D283BB #D996C6 #E0A9D0 #E7BCDA #EED0E5

#C45DA7 - #EED0E5

HSV Blend

#C45DA7 - #EED0E5 | 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 #C45DA7 as 0% and #EED0E5 as 100%.

0.0%	0.0% #C45DA7	RGB 196 93 167	#C45DA7
16.7%	16.7% #CB6DB0	RGB 203 109 176	#CB6DB0
33.3%	33.3% #D27FBA	RGB 210 127 186	#D27FBA
50.0%	50.0% #D992C4	RGB 217 146 196	#D992C4
66.7%	66.7% #E0A5CE	RGB 224 165 206	#E0A5CE
83.3%	83.3% #E7BAD9	RGB 231 186 217	#E7BAD9
100.0%	100.0% #EED0E5	RGB 238 208 229	#EED0E5

#C45DA7 #CB6DB0 #D27FBA #D992C4 #E0A5CE #E7BAD9 #EED0E5

#C45DA7 - #D992C4 - #EED0E5

CSS codes

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

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