#C558AC - #EECFE7 | 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 #C558AC to #EECFE7

#C558AC #EECFE7

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

#C558AC - #EECFE7 | 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 #C558AC as 0% and #EECFE7 as 100%.

0.0%	0.0% #C558AC	RGB 197 88 172	#C558AC
16.7%	16.7% #CB6BB5	RGB 203 107 181	#CB6BB5
33.3%	33.3% #D27FBF	RGB 210 127 191	#D27FBF
50.0%	50.0% #D993C9	RGB 217 147 201	#D993C9
66.7%	66.7% #E0A7D3	RGB 224 167 211	#E0A7D3
83.3%	83.3% #E7BBDD	RGB 231 187 221	#E7BBDD
100.0%	100.0% #EECFE7	RGB 238 207 231	#EECFE7

#C558AC #CB6BB5 #D27FBF #D993C9 #E0A7D3 #E7BBDD #EECFE7

#C558AC - #EECFE7

HSV Blend

#C558AC - #EECFE7 | 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 #C558AC as 0% and #EECFE7 as 100%.

0.0%	0.0% #C557AC	RGB 197 87 172	#C557AC
16.7%	16.7% #CB69B5	RGB 203 105 181	#CB69B5
33.3%	33.3% #D27BBE	RGB 210 123 190	#D27BBE
50.0%	50.0% #D98FC8	RGB 217 143 200	#D98FC8
66.7%	66.7% #E0A3D2	RGB 224 163 210	#E0A3D2
83.3%	83.3% #E7B8DC	RGB 231 184 220	#E7B8DC
100.0%	100.0% #EECFE7	RGB 238 207 231	#EECFE7

#C557AC #CB69B5 #D27BBE #D98FC8 #E0A3D2 #E7B8DC #EECFE7

#C558AC - #D98FC8 - #EECFE7

CSS codes

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

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