#DBB5E2 - #3D3340 | 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 #DBB5E2 mit #3D3340

#DBB5E2 #3D3340

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

#DBB5E2 - #3D3340 | 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 #DBB5E2 als 0% und #3D3340 als 100%.

0.0%	0.0% #DBB5E2	RGB 219 181 226	#DBB5E2
16.7%	16.7% #C09FC7	RGB 192 159 199	#C09FC7
33.3%	33.3% #A689AC	RGB 166 137 172	#A689AC
50.0%	50.0% #8C7491	RGB 140 116 145	#8C7491
66.7%	66.7% #715E76	RGB 113 94 118	#715E76
83.3%	83.3% #57485B	RGB 87 72 91	#57485B
100.0%	100.0% #3D3340	RGB 61 51 64	#3D3340

#DBB5E2 #C09FC7 #A689AC #8C7491 #715E76 #57485B #3D3340

#DBB5E2 - #3D3340

HSV-Mischung

#DBB5E2 - #3D3340 | 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 #DBB5E2 als 0% und #3D3340 als 100%.

0.0%	0.0% #DBB5E2	RGB 219 181 226	#DBB5E2
16.7%	16.7% #C09FC7	RGB 192 159 199	#C09FC7
33.3%	33.3% #A589AC	RGB 165 137 172	#A589AC
50.0%	50.0% #8B7391	RGB 139 115 145	#8B7391
66.7%	66.7% #715E76	RGB 113 94 118	#715E76
83.3%	83.3% #56485B	RGB 86 72 91	#56485B
100.0%	100.0% #3D3340	RGB 61 51 64	#3D3340

#DBB5E2 #C09FC7 #A589AC #8B7391 #715E76 #56485B #3D3340

#DBB5E2 - #8B7391 - #3D3340

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBB5E2 0%, #8B7391 50%, #3D3340 100%);
    background: -webkit-linear-gradient(top, #DBB5E2 0%, #8B7391 50%, #3D3340 100%);
    background: linear-gradient(to bottom, #DBB5E2 0%, #8B7391 50%, #3D3340 100%);
}
</style>