#3E3C5E - #C88780 | 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 #3E3C5E mit #C88780

#3E3C5E #C88780

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

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

0.0%	0.0% #3E3C5E	RGB 62 60 94	#3E3C5E
16.7%	16.7% #554863	RGB 85 72 99	#554863
33.3%	33.3% #6C5569	RGB 108 85 105	#6C5569
50.0%	50.0% #83616F	RGB 131 97 111	#83616F
66.7%	66.7% #9A6E74	RGB 154 110 116	#9A6E74
83.3%	83.3% #B17A7A	RGB 177 122 122	#B17A7A
100.0%	100.0% #C88780	RGB 200 135 128	#C88780

#3E3C5E #554863 #6C5569 #83616F #9A6E74 #B17A7A #C88780

#3E3C5E - #C88780

HSV-Mischung

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

0.0%	0.0% #3E3C5E	RGB 62 60 94	#3E3C5E
16.7%	16.7% #57476F	RGB 87 71 111	#57476F
33.3%	33.3% #755281	RGB 117 82 129	#755281
50.0%	50.0% #935D8E	RGB 147 93 142	#935D8E
66.7%	66.7% #A4698B	RGB 164 105 139	#A4698B
83.3%	83.3% #B67484	RGB 182 116 132	#B67484
100.0%	100.0% #C88780	RGB 200 135 128	#C88780

#3E3C5E #57476F #755281 #935D8E #A4698B #B67484 #C88780

#3E3C5E - #935D8E - #C88780

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C5E 0%, #935D8E 50%, #C88780 100%);
    background: -webkit-linear-gradient(top, #3E3C5E 0%, #935D8E 50%, #C88780 100%);
    background: linear-gradient(to bottom, #3E3C5E 0%, #935D8E 50%, #C88780 100%);
}
</style>