#EDB5E3 - #C847A0 | 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 #EDB5E3 mit #C847A0

#EDB5E3 #C847A0

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

#EDB5E3 - #C847A0 | 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 #EDB5E3 als 0% und #C847A0 als 100%.

0.0%	0.0% #EDB5E3	RGB 237 181 227	#EDB5E3
16.7%	16.7% #E6A2D7	RGB 230 162 215	#E6A2D7
33.3%	33.3% #E090CC	RGB 224 144 204	#E090CC
50.0%	50.0% #DA7EC1	RGB 218 126 193	#DA7EC1
66.7%	66.7% #D46BB6	RGB 212 107 182	#D46BB6
83.3%	83.3% #CE59AB	RGB 206 89 171	#CE59AB
100.0%	100.0% #C847A0	RGB 200 71 160	#C847A0

#EDB5E3 #E6A2D7 #E090CC #DA7EC1 #D46BB6 #CE59AB #C847A0

#EDB5E3 - #C847A0

HSV-Mischung

#EDB5E3 - #C847A0 | 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 #EDB5E3 als 0% und #C847A0 als 100%.

0.0%	0.0% #EDB5E3	RGB 237 181 227	#EDB5E3
16.7%	16.7% #E6A0D8	RGB 230 160 216	#E6A0D8
33.3%	33.3% #E08CCE	RGB 224 140 206	#E08CCE
50.0%	50.0% #DA7AC2	RGB 218 122 194	#DA7AC2
66.7%	66.7% #D468B7	RGB 212 104 183	#D468B7
83.3%	83.3% #CE57AB	RGB 206 87 171	#CE57AB
100.0%	100.0% #C847A0	RGB 200 71 160	#C847A0

#EDB5E3 #E6A0D8 #E08CCE #DA7AC2 #D468B7 #CE57AB #C847A0

#EDB5E3 - #DA7AC2 - #C847A0

CSS-Codes

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

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