#EC8889 - #AF333E | 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 #EC8889 mit #AF333E

#EC8889 #AF333E

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

#EC8889 - #AF333E | 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 #EC8889 als 0% und #AF333E als 100%.

0.0%	0.0% #EC8889	RGB 236 136 137	#EC8889
16.7%	16.7% #E1797C	RGB 225 121 124	#E1797C
33.3%	33.3% #D76B70	RGB 215 107 112	#D76B70
50.0%	50.0% #CD5D63	RGB 205 93 99	#CD5D63
66.7%	66.7% #C34F57	RGB 195 79 87	#C34F57
83.3%	83.3% #B9414A	RGB 185 65 74	#B9414A
100.0%	100.0% #AF333E	RGB 175 51 62	#AF333E

#EC8889 #E1797C #D76B70 #CD5D63 #C34F57 #B9414A #AF333E

#EC8889 - #AF333E

HSV-Mischung

#EC8889 - #AF333E | 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 #EC8889 als 0% und #AF333E als 100%.

0.0%	0.0% #EC8889	RGB 236 136 137	#EC8889
16.7%	16.7% #E17779	RGB 225 119 121	#E17779
33.3%	33.3% #D7676B	RGB 215 103 107	#D7676B
50.0%	50.0% #CD595E	RGB 205 89 94	#CD595E
66.7%	66.7% #C34B52	RGB 195 75 82	#C34B52
83.3%	83.3% #B93E48	RGB 185 62 72	#B93E48
100.0%	100.0% #AF333E	RGB 175 51 62	#AF333E

#EC8889 #E17779 #D7676B #CD595E #C34B52 #B93E48 #AF333E

#EC8889 - #CD595E - #AF333E

CSS-Codes

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

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