#4D143B - #CCBBC7 | 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 #4D143B mit #CCBBC7

#4D143B #CCBBC7

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

#4D143B - #CCBBC7 | 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 #4D143B als 0% und #CCBBC7 als 100%.

0.0%	0.0% #4D143B	RGB 77 20 59	#4D143B
16.7%	16.7% #622F52	RGB 98 47 82	#622F52
33.3%	33.3% #774B69	RGB 119 75 105	#774B69
50.0%	50.0% #8C6781	RGB 140 103 129	#8C6781
66.7%	66.7% #A18398	RGB 161 131 152	#A18398
83.3%	83.3% #B69FAF	RGB 182 159 175	#B69FAF
100.0%	100.0% #CCBBC7	RGB 204 187 199	#CCBBC7

#4D143B #622F52 #774B69 #8C6781 #A18398 #B69FAF #CCBBC7

#4D143B - #CCBBC7

HSV-Mischung

#4D143B - #CCBBC7 | 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 #4D143B als 0% und #CCBBC7 als 100%.

0.0%	0.0% #4D133A	RGB 77 19 58	#4D133A
16.7%	16.7% #62244E	RGB 98 36 78	#62244E
33.3%	33.3% #773964	RGB 119 57 100	#773964
50.0%	50.0% #8C527A	RGB 140 82 122	#8C527A
66.7%	66.7% #A17092	RGB 161 112 146	#A17092
83.3%	83.3% #B693AC	RGB 182 147 172	#B693AC
100.0%	100.0% #CCBBC7	RGB 204 187 199	#CCBBC7

#4D133A #62244E #773964 #8C527A #A17092 #B693AC #CCBBC7

#4D143B - #8C527A - #CCBBC7

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D133A 0%, #8C527A 50%, #CCBBC7 100%);
    background: -webkit-linear-gradient(top, #4D133A 0%, #8C527A 50%, #CCBBC7 100%);
    background: linear-gradient(to bottom, #4D133A 0%, #8C527A 50%, #CCBBC7 100%);
}
</style>