#EB82A8 - #AD2D64 | 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 #EB82A8 mit #AD2D64

#EB82A8 #AD2D64

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

#EB82A8 - #AD2D64 | 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 #EB82A8 als 0% und #AD2D64 als 100%.

0.0%	0.0% #EB82A8	RGB 235 130 168	#EB82A8
16.7%	16.7% #E0739C	RGB 224 115 156	#E0739C
33.3%	33.3% #D66591	RGB 214 101 145	#D66591
50.0%	50.0% #CC5786	RGB 204 87 134	#CC5786
66.7%	66.7% #C1497A	RGB 193 73 122	#C1497A
83.3%	83.3% #B73B6F	RGB 183 59 111	#B73B6F
100.0%	100.0% #AD2D64	RGB 173 45 100	#AD2D64

#EB82A8 #E0739C #D66591 #CC5786 #C1497A #B73B6F #AD2D64

#EB82A8 - #AD2D64

HSV-Mischung

#EB82A8 - #AD2D64 | 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 #EB82A8 als 0% und #AD2D64 als 100%.

0.0%	0.0% #EB82A8	RGB 235 130 168	#EB82A8
16.7%	16.7% #E0719A	RGB 224 113 154	#E0719A
33.3%	33.3% #D6618E	RGB 214 97 142	#D6618E
50.0%	50.0% #CC5282	RGB 204 82 130	#CC5282
66.7%	66.7% #C14577	RGB 193 69 119	#C14577
83.3%	83.3% #B7386D	RGB 183 56 109	#B7386D
100.0%	100.0% #AD2D64	RGB 173 45 100	#AD2D64

#EB82A8 #E0719A #D6618E #CC5282 #C14577 #B7386D #AD2D64

#EB82A8 - #CC5282 - #AD2D64

CSS-Codes

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

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