#DF5E60 - #FF8BCE | 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 #DF5E60 mit #FF8BCE

#DF5E60 #FF8BCE

Berechnen Sie die Farbe zwischen zwei Farben, #DF5E60 und #FF8BCE. 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)

#DF5E60 - #FF8BCE | 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 #DF5E60 als 0% und #FF8BCE als 100%.

0.0%	0.0% #DF5E60	RGB 223 94 96	#DF5E60
16.7%	16.7% #E46572	RGB 228 101 114	#E46572
33.3%	33.3% #E96D84	RGB 233 109 132	#E96D84
50.0%	50.0% #EF7497	RGB 239 116 151	#EF7497
66.7%	66.7% #F47CA9	RGB 244 124 169	#F47CA9
83.3%	83.3% #F983BB	RGB 249 131 187	#F983BB
100.0%	100.0% #FF8BCE	RGB 255 139 206	#FF8BCE

#DF5E60 #E46572 #E96D84 #EF7497 #F47CA9 #F983BB #FF8BCE

#DF5E60 - #FF8BCE

HSV-Mischung

#DF5E60 - #FF8BCE | 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 #DF5E60 als 0% und #FF8BCE als 100%.

0.0%	0.0% #DF5E60	RGB 223 94 96	#DF5E60
16.7%	16.7% #E46472	RGB 228 100 114	#E46472
33.3%	33.3% #E96C85	RGB 233 108 133	#E96C85
50.0%	50.0% #EF7398	RGB 239 115 152	#EF7398
66.7%	66.7% #F47BAA	RGB 244 123 170	#F47BAA
83.3%	83.3% #F982BC	RGB 249 130 188	#F982BC
100.0%	100.0% #FF8BCE	RGB 255 139 206	#FF8BCE

#DF5E60 #E46472 #E96C85 #EF7398 #F47BAA #F982BC #FF8BCE

#DF5E60 - #EF7398 - #FF8BCE

CSS-Codes

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

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