#C9969C - #EFE1E2 | 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 #C9969C mit #EFE1E2

#C9969C #EFE1E2

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

#C9969C - #EFE1E2 | 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 #C9969C als 0% und #EFE1E2 als 100%.

0.0%	0.0% #C9969C	RGB 201 150 156	#C9969C
16.7%	16.7% #CFA2A7	RGB 207 162 167	#CFA2A7
33.3%	33.3% #D5AFB3	RGB 213 175 179	#D5AFB3
50.0%	50.0% #DCBBBF	RGB 220 187 191	#DCBBBF
66.7%	66.7% #E2C8CA	RGB 226 200 202	#E2C8CA
83.3%	83.3% #E8D4D6	RGB 232 212 214	#E8D4D6
100.0%	100.0% #EFE1E2	RGB 239 225 226	#EFE1E2

#C9969C #CFA2A7 #D5AFB3 #DCBBBF #E2C8CA #E8D4D6 #EFE1E2

#C9969C - #EFE1E2

HSV-Mischung

#C9969C - #EFE1E2 | 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 #C9969C als 0% und #EFE1E2 als 100%.

0.0%	0.0% #C9969C	RGB 201 150 156	#C9969C
16.7%	16.7% #CFA1A6	RGB 207 161 166	#CFA1A6
33.3%	33.3% #D5ADB1	RGB 213 173 177	#D5ADB1
50.0%	50.0% #DCB9BC	RGB 220 185 188	#DCB9BC
66.7%	66.7% #E2C6C8	RGB 226 198 200	#E2C6C8
83.3%	83.3% #E8D3D5	RGB 232 211 213	#E8D3D5
100.0%	100.0% #EFE1E2	RGB 239 225 226	#EFE1E2

#C9969C #CFA1A6 #D5ADB1 #DCB9BC #E2C6C8 #E8D3D5 #EFE1E2

#C9969C - #DCB9BC - #EFE1E2

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9969C 0%, #DCB9BC 50%, #EFE1E2 100%);
    background: -webkit-linear-gradient(top, #C9969C 0%, #DCB9BC 50%, #EFE1E2 100%);
    background: linear-gradient(to bottom, #C9969C 0%, #DCB9BC 50%, #EFE1E2 100%);
}
</style>