#C75A8D - #FEB5A9 | 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 #C75A8D mit #FEB5A9

#C75A8D #FEB5A9

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

#C75A8D - #FEB5A9 | 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 #C75A8D als 0% und #FEB5A9 als 100%.

0.0%	0.0% #C75A8D	RGB 199 90 141	#C75A8D
16.7%	16.7% #D06991	RGB 208 105 145	#D06991
33.3%	33.3% #D97896	RGB 217 120 150	#D97896
50.0%	50.0% #E2879B	RGB 226 135 155	#E2879B
66.7%	66.7% #EB969F	RGB 235 150 159	#EB969F
83.3%	83.3% #F4A5A4	RGB 244 165 164	#F4A5A4
100.0%	100.0% #FEB5A9	RGB 254 181 169	#FEB5A9

#C75A8D #D06991 #D97896 #E2879B #EB969F #F4A5A4 #FEB5A9

#C75A8D - #FEB5A9

HSV-Mischung

#C75A8D - #FEB5A9 | 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 #C75A8D als 0% und #FEB5A9 als 100%.

0.0%	0.0% #C75A8D	RGB 199 90 141	#C75A8D
16.7%	16.7% #D0658C	RGB 208 101 140	#D0658C
33.3%	33.3% #D9718D	RGB 217 113 141	#D9718D
50.0%	50.0% #E27E8E	RGB 226 126 142	#E27E8E
66.7%	66.7% #EB8C91	RGB 235 140 145	#EB8C91
83.3%	83.3% #F49D9A	RGB 244 157 154	#F49D9A
100.0%	100.0% #FEB5A9	RGB 254 181 169	#FEB5A9

#C75A8D #D0658C #D9718D #E27E8E #EB8C91 #F49D9A #FEB5A9

#C75A8D - #E27E8E - #FEB5A9

CSS-Codes

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

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