#C9A2DA - #392E3E | 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 #C9A2DA mit #392E3E

#C9A2DA #392E3E

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

#C9A2DA - #392E3E | 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 #C9A2DA als 0% und #392E3E als 100%.

0.0%	0.0% #C9A2DA	RGB 201 162 218	#C9A2DA
16.7%	16.7% #B18EC0	RGB 177 142 192	#B18EC0
33.3%	33.3% #997BA6	RGB 153 123 166	#997BA6
50.0%	50.0% #81688C	RGB 129 104 140	#81688C
66.7%	66.7% #695472	RGB 105 84 114	#695472
83.3%	83.3% #514158	RGB 81 65 88	#514158
100.0%	100.0% #392E3E	RGB 57 46 62	#392E3E

#C9A2DA #B18EC0 #997BA6 #81688C #695472 #514158 #392E3E

#C9A2DA - #392E3E

HSV-Mischung

#C9A2DA - #392E3E | 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 #C9A2DA als 0% und #392E3E als 100%.

0.0%	0.0% #C9A2DA	RGB 201 162 218	#C9A2DA
16.7%	16.7% #B08EC0	RGB 176 142 192	#B08EC0
33.3%	33.3% #987BA6	RGB 152 123 166	#987BA6
50.0%	50.0% #80678C	RGB 128 103 140	#80678C
66.7%	66.7% #685472	RGB 104 84 114	#685472
83.3%	83.3% #504158	RGB 80 65 88	#504158
100.0%	100.0% #392E3E	RGB 57 46 62	#392E3E

#C9A2DA #B08EC0 #987BA6 #80678C #685472 #504158 #392E3E

#C9A2DA - #80678C - #392E3E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9A2DA 0%, #80678C 50%, #392E3E 100%);
    background: -webkit-linear-gradient(top, #C9A2DA 0%, #80678C 50%, #392E3E 100%);
    background: linear-gradient(to bottom, #C9A2DA 0%, #80678C 50%, #392E3E 100%);
}
</style>