#C2B2FF - #FFEFF8 | 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 #C2B2FF mit #FFEFF8

#C2B2FF #FFEFF8

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

#C2B2FF - #FFEFF8 | 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 #C2B2FF als 0% und #FFEFF8 als 100%.

0.0%	0.0% #C2B2FF	RGB 194 178 255	#C2B2FF
16.7%	16.7% #CCBCFD	RGB 204 188 253	#CCBCFD
33.3%	33.3% #D6C6FC	RGB 214 198 252	#D6C6FC
50.0%	50.0% #E0D0FB	RGB 224 208 251	#E0D0FB
66.7%	66.7% #EADAFA	RGB 234 218 250	#EADAFA
83.3%	83.3% #F4E4F9	RGB 244 228 249	#F4E4F9
100.0%	100.0% #FFEFF8	RGB 255 239 248	#FFEFF8

#C2B2FF #CCBCFD #D6C6FC #E0D0FB #EADAFA #F4E4F9 #FFEFF8

#C2B2FF - #FFEFF8

HSV-Mischung

#C2B2FF - #FFEFF8 | 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 #C2B2FF als 0% und #FFEFF8 als 100%.

0.0%	0.0% #C2B2FF	RGB 194 178 255	#C2B2FF
16.7%	16.7% #D7BCFF	RGB 215 188 255	#D7BCFF
33.3%	33.3% #E9C6FF	RGB 233 198 255	#E9C6FF
50.0%	50.0% #F6D0FF	RGB 246 208 255	#F6D0FF
66.7%	66.7% #FFDAFD	RGB 255 218 253	#FFDAFD
83.3%	83.3% #FFE4F8	RGB 255 228 248	#FFE4F8
100.0%	100.0% #FFEFF8	RGB 255 239 248	#FFEFF8

#C2B2FF #D7BCFF #E9C6FF #F6D0FF #FFDAFD #FFE4F8 #FFEFF8

#C2B2FF - #F6D0FF - #FFEFF8

CSS-Codes

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

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