#C558B9 - #EECFEB | 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 #C558B9 to #EECFEB

#C558B9 #EECFEB

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

#C558B9 - #EECFEB | 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 #C558B9 as 0% and #EECFEB as 100%.

0.0%	0.0% #C558B9	RGB 197 88 185	#C558B9
16.7%	16.7% #CB6BC1	RGB 203 107 193	#CB6BC1
33.3%	33.3% #D27FC9	RGB 210 127 201	#D27FC9
50.0%	50.0% #D993D2	RGB 217 147 210	#D993D2
66.7%	66.7% #E0A7DA	RGB 224 167 218	#E0A7DA
83.3%	83.3% #E7BBE2	RGB 231 187 226	#E7BBE2
100.0%	100.0% #EECFEB	RGB 238 207 235	#EECFEB

#C558B9 #CB6BC1 #D27FC9 #D993D2 #E0A7DA #E7BBE2 #EECFEB

#C558B9 - #EECFEB

HSV Blend

#C558B9 - #EECFEB | 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 #C558B9 as 0% and #EECFEB as 100%.

0.0%	0.0% #C557B9	RGB 197 87 185	#C557B9
16.7%	16.7% #CB69C1	RGB 203 105 193	#CB69C1
33.3%	33.3% #D27BC9	RGB 210 123 201	#D27BC9
50.0%	50.0% #D98FD1	RGB 217 143 209	#D98FD1
66.7%	66.7% #E0A3DA	RGB 224 163 218	#E0A3DA
83.3%	83.3% #E7B8E2	RGB 231 184 226	#E7B8E2
100.0%	100.0% #EECFEB	RGB 238 207 235	#EECFEB

#C557B9 #CB69C1 #D27BC9 #D98FD1 #E0A3DA #E7B8E2 #EECFEB

#C558B9 - #D98FD1 - #EECFEB

CSS codes

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

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