#DF5E62 - #8F1A24 | 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 #DF5E62 mit #8F1A24

#DF5E62 #8F1A24

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

#DF5E62 - #8F1A24 | 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 #DF5E62 als 0% und #8F1A24 als 100%.

0.0%	0.0% #DF5E62	RGB 223 94 98	#DF5E62
16.7%	16.7% #D15257	RGB 209 82 87	#D15257
33.3%	33.3% #C4474D	RGB 196 71 77	#C4474D
50.0%	50.0% #B73C43	RGB 183 60 67	#B73C43
66.7%	66.7% #A93038	RGB 169 48 56	#A93038
83.3%	83.3% #9C252E	RGB 156 37 46	#9C252E
100.0%	100.0% #8F1A24	RGB 143 26 36	#8F1A24

#DF5E62 #D15257 #C4474D #B73C43 #A93038 #9C252E #8F1A24

#DF5E62 - #8F1A24

HSV-Mischung

#DF5E62 - #8F1A24 | 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 #DF5E62 als 0% und #8F1A24 als 100%.

0.0%	0.0% #DF5E62	RGB 223 94 98	#DF5E62
16.7%	16.7% #D15055	RGB 209 80 85	#D15055
33.3%	33.3% #C44349	RGB 196 67 73	#C44349
50.0%	50.0% #B7373E	RGB 183 55 62	#B7373E
66.7%	66.7% #A92C34	RGB 169 44 52	#A92C34
83.3%	83.3% #9C222B	RGB 156 34 43	#9C222B
100.0%	100.0% #8F1A24	RGB 143 26 36	#8F1A24

#DF5E62 #D15055 #C44349 #B7373E #A92C34 #9C222B #8F1A24

#DF5E62 - #B7373E - #8F1A24

CSS-Codes

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

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