#C2ABC6 - #7E4D75 | 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 #C2ABC6 mit #7E4D75

#C2ABC6 #7E4D75

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

#C2ABC6 - #7E4D75 | 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 #C2ABC6 als 0% und #7E4D75 als 100%.

0.0%	0.0% #C2ABC6	RGB 194 171 198	#C2ABC6
16.7%	16.7% #B69BB8	RGB 182 155 184	#B69BB8
33.3%	33.3% #AB8BAB	RGB 171 139 171	#AB8BAB
50.0%	50.0% #A07C9D	RGB 160 124 157	#A07C9D
66.7%	66.7% #946C90	RGB 148 108 144	#946C90
83.3%	83.3% #895C82	RGB 137 92 130	#895C82
100.0%	100.0% #7E4D75	RGB 126 77 117	#7E4D75

#C2ABC6 #B69BB8 #AB8BAB #A07C9D #946C90 #895C82 #7E4D75

#C2ABC6 - #7E4D75

HSV-Mischung

#C2ABC6 - #7E4D75 | 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 #C2ABC6 als 0% und #7E4D75 als 100%.

0.0%	0.0% #C2ABC6	RGB 194 171 198	#C2ABC6
16.7%	16.7% #B698BA	RGB 182 152 186	#B698BA
33.3%	33.3% #AC87AE	RGB 172 135 174	#AC87AE
50.0%	50.0% #A277A1	RGB 162 119 161	#A277A1
66.7%	66.7% #966892	RGB 150 104 146	#966892
83.3%	83.3% #8A5A83	RGB 138 90 131	#8A5A83
100.0%	100.0% #7E4D75	RGB 126 77 117	#7E4D75

#C2ABC6 #B698BA #AC87AE #A277A1 #966892 #8A5A83 #7E4D75

#C2ABC6 - #A277A1 - #7E4D75

CSS-Codes

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

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