#402C5E - #C8C2D1 | 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 #402C5E mit #C8C2D1

#402C5E #C8C2D1

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

#402C5E - #C8C2D1 | 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 #402C5E als 0% und #C8C2D1 als 100%.

0.0%	0.0% #402C5E	RGB 64 44 94	#402C5E
16.7%	16.7% #564571	RGB 86 69 113	#564571
33.3%	33.3% #6D5E84	RGB 109 94 132	#6D5E84
50.0%	50.0% #847797	RGB 132 119 151	#847797
66.7%	66.7% #9A90AA	RGB 154 144 170	#9A90AA
83.3%	83.3% #B1A9BD	RGB 177 169 189	#B1A9BD
100.0%	100.0% #C8C2D1	RGB 200 194 209	#C8C2D1

#402C5E #564571 #6D5E84 #847797 #9A90AA #B1A9BD #C8C2D1

#402C5E - #C8C2D1

HSV-Mischung

#402C5E - #C8C2D1 | 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 #402C5E als 0% und #C8C2D1 als 100%.

0.0%	0.0% #402C5E	RGB 64 44 94	#402C5E
16.7%	16.7% #523D71	RGB 82 61 113	#523D71
33.3%	33.3% #665284	RGB 102 82 132	#665284
50.0%	50.0% #7C6997	RGB 124 105 151	#7C6997
66.7%	66.7% #9384AA	RGB 147 132 170	#9384AA
83.3%	83.3% #ACA1BD	RGB 172 161 189	#ACA1BD
100.0%	100.0% #C8C2D1	RGB 200 194 209	#C8C2D1

#402C5E #523D71 #665284 #7C6997 #9384AA #ACA1BD #C8C2D1

#402C5E - #7C6997 - #C8C2D1

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #402C5E 0%, #7C6997 50%, #C8C2D1 100%);
    background: -webkit-linear-gradient(top, #402C5E 0%, #7C6997 50%, #C8C2D1 100%);
    background: linear-gradient(to bottom, #402C5E 0%, #7C6997 50%, #C8C2D1 100%);
}
</style>