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

#4D143C #CCBBC7

Berechnen Sie die Farbe zwischen zwei Farben, #4D143C 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)

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

0.0%	0.0% #4D143C	RGB 77 20 60	#4D143C
16.7%	16.7% #622F53	RGB 98 47 83	#622F53
33.3%	33.3% #774B6A	RGB 119 75 106	#774B6A
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

#4D143C #622F53 #774B6A #8C6781 #A18398 #B69FAF #CCBBC7

#4D143C - #CCBBC7

HSV-Mischung

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

0.0%	0.0% #4D133C	RGB 77 19 60	#4D133C
16.7%	16.7% #62244F	RGB 98 36 79	#62244F
33.3%	33.3% #773964	RGB 119 57 100	#773964
50.0%	50.0% #8C527B	RGB 140 82 123	#8C527B
66.7%	66.7% #A17093	RGB 161 112 147	#A17093
83.3%	83.3% #B693AC	RGB 182 147 172	#B693AC
100.0%	100.0% #CCBBC7	RGB 204 187 199	#CCBBC7

#4D133C #62244F #773964 #8C527B #A17093 #B693AC #CCBBC7

#4D143C - #8C527B - #CCBBC7

CSS-Codes

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

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