#C26CDB - #8CAAFF | 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 #C26CDB mit #8CAAFF

#C26CDB #8CAAFF

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

#C26CDB - #8CAAFF | 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 #C26CDB als 0% und #8CAAFF als 100%.

0.0%	0.0% #C26CDB	RGB 194 108 219	#C26CDB
16.7%	16.7% #B976E1	RGB 185 118 225	#B976E1
33.3%	33.3% #B080E7	RGB 176 128 231	#B080E7
50.0%	50.0% #A78BED	RGB 167 139 237	#A78BED
66.7%	66.7% #9E95F3	RGB 158 149 243	#9E95F3
83.3%	83.3% #959FF9	RGB 149 159 249	#959FF9
100.0%	100.0% #8CAAFF	RGB 140 170 255	#8CAAFF

#C26CDB #B976E1 #B080E7 #A78BED #9E95F3 #959FF9 #8CAAFF

#C26CDB - #8CAAFF

HSV-Mischung

#C26CDB - #8CAAFF | 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 #C26CDB als 0% und #8CAAFF als 100%.

0.0%	0.0% #C26CDB	RGB 194 108 219	#C26CDB
16.7%	16.7% #B471E1	RGB 180 113 225	#B471E1
33.3%	33.3% #A676E7	RGB 166 118 231	#A676E7
50.0%	50.0% #987BED	RGB 152 123 237	#987BED
66.7%	66.7% #8A80F3	RGB 138 128 243	#8A80F3
83.3%	83.3% #8690F9	RGB 134 144 249	#8690F9
100.0%	100.0% #8CAAFF	RGB 140 170 255	#8CAAFF

#C26CDB #B471E1 #A676E7 #987BED #8A80F3 #8690F9 #8CAAFF

#C26CDB - #987BED - #8CAAFF

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C26CDB 0%, #987BED 50%, #8CAAFF 100%);
    background: -webkit-linear-gradient(top, #C26CDB 0%, #987BED 50%, #8CAAFF 100%);
    background: linear-gradient(to bottom, #C26CDB 0%, #987BED 50%, #8CAAFF 100%);
}
</style>