#CAC5E8 - #986EB4 | 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 #CAC5E8 mit #986EB4

#CAC5E8 #986EB4

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

#CAC5E8 - #986EB4 | 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 #CAC5E8 als 0% und #986EB4 als 100%.

0.0%	0.0% #CAC5E8	RGB 202 197 232	#CAC5E8
16.7%	16.7% #C1B6DF	RGB 193 182 223	#C1B6DF
33.3%	33.3% #B9A8D6	RGB 185 168 214	#B9A8D6
50.0%	50.0% #B199CE	RGB 177 153 206	#B199CE
66.7%	66.7% #A88BC5	RGB 168 139 197	#A88BC5
83.3%	83.3% #A07CBC	RGB 160 124 188	#A07CBC
100.0%	100.0% #986EB4	RGB 152 110 180	#986EB4

#CAC5E8 #C1B6DF #B9A8D6 #B199CE #A88BC5 #A07CBC #986EB4

#CAC5E8 - #986EB4

HSV-Mischung

#CAC5E8 - #986EB4 | 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 #CAC5E8 als 0% und #986EB4 als 100%.

0.0%	0.0% #CAC5E8	RGB 202 197 232	#CAC5E8
16.7%	16.7% #BEB4DF	RGB 190 180 223	#BEB4DF
33.3%	33.3% #B3A5D6	RGB 179 165 214	#B3A5D6
50.0%	50.0% #AB96CE	RGB 171 150 206	#AB96CE
66.7%	66.7% #A388C5	RGB 163 136 197	#A388C5
83.3%	83.3% #9D7ABC	RGB 157 122 188	#9D7ABC
100.0%	100.0% #986EB4	RGB 152 110 180	#986EB4

#CAC5E8 #BEB4DF #B3A5D6 #AB96CE #A388C5 #9D7ABC #986EB4

#CAC5E8 - #AB96CE - #986EB4

CSS-Codes

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

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