#EB6C8F - #FC93FF | Colorate

Colorate besitzt ein Farbschema-Tool für Designer und Entwickler. Es wird Sie inspirieren und Ihnen bei Ihrer Farbauswahl helfen. Mach diese Seite besser

Mischen Sie #EB6C8F mit #FC93FF

#EB6C8F #FC93FF

Berechnen Sie die Farbe zwischen zwei Farben, #EB6C8F und #FC93FF. Bei der Berechnung von RGB-Werten ist die Sättigung zwischen den verschiedenen Farben niedrig. Bei der Berechnung der HSV-Werte ist die Sättigung zwischen den verschiedenen Farben nicht niedrig.

RGB-Mischung (linear)

#EB6C8F - #FC93FF | Colorate

Berechnung der Farbe zwischen zwei Farben basierend auf dem RGB-Wert. Bei Farben, die voneinander entfernt sind, verringert sich die Sättigung zwischen den beiden Farben. Erweitern Sie die Farbe zwischen zwei Farben mit #EB6C8F als 0% und #FC93FF als 100%.

0.0%	0.0% #EB6C8F	RGB 235 108 143	#EB6C8F
16.7%	16.7% #ED72A1	RGB 237 114 161	#ED72A1
33.3%	33.3% #F079B4	RGB 240 121 180	#F079B4
50.0%	50.0% #F37FC7	RGB 243 127 199	#F37FC7
66.7%	66.7% #F686D9	RGB 246 134 217	#F686D9
83.3%	83.3% #F98CEC	RGB 249 140 236	#F98CEC
100.0%	100.0% #FC93FF	RGB 252 147 255	#FC93FF

#EB6C8F #ED72A1 #F079B4 #F37FC7 #F686D9 #F98CEC #FC93FF

#EB6C8F - #FC93FF

HSV-Mischung

#EB6C8F - #FC93FF | Colorate

Berechnung der Farbe zwischen zwei Farben basierend auf dem HSV-Wert. Selbst zwischen verschiedenen Farbfarben nimmt die Sättigung zwischen den zwei Farben nicht ab. Erweitern Sie die Farbe zwischen zwei Farben mit #EB6C8F als 0% und #FC93FF als 100%.

0.0%	0.0% #EB6C8F	RGB 235 108 143	#EB6C8F
16.7%	16.7% #EE72A3	RGB 238 114 163	#EE72A3
33.3%	33.3% #F178B8	RGB 241 120 184	#F178B8
50.0%	50.0% #F57ECB	RGB 245 126 203	#F57ECB
66.7%	66.7% #F885DE	RGB 248 133 222	#F885DE
83.3%	83.3% #FB8CF0	RGB 251 140 240	#FB8CF0
100.0%	100.0% #FC93FF	RGB 252 147 255	#FC93FF

#EB6C8F #EE72A3 #F178B8 #F57ECB #F885DE #FB8CF0 #FC93FF

#EB6C8F - #F57ECB - #FC93FF

CSS-Codes

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

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