#8C8C8C - #AECEFC | 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 #8C8C8C mit #AECEFC

#8C8C8C #AECEFC

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

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

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #91979E	RGB 145 151 158	#91979E
33.3%	33.3% #97A2B1	RGB 151 162 177	#97A2B1
50.0%	50.0% #9DADC4	RGB 157 173 196	#9DADC4
66.7%	66.7% #A2B8D6	RGB 162 184 214	#A2B8D6
83.3%	83.3% #A8C3E9	RGB 168 195 233	#A8C3E9
100.0%	100.0% #AECEFC	RGB 174 206 252	#AECEFC

#8C8C8C #91979E #97A2B1 #9DADC4 #A2B8D6 #A8C3E9 #AECEFC

#8C8C8C - #AECEFC

HSV-Mischung

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

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #9E9699	RGB 158 150 153	#9E9699
33.3%	33.3% #B19FAD	RGB 177 159 173	#B19FAD
50.0%	50.0% #BDA5C4	RGB 189 165 196	#BDA5C4
66.7%	66.7% #BBAAD6	RGB 187 170 214	#BBAAD6
83.3%	83.3% #ADADE9	RGB 173 173 233	#ADADE9
100.0%	100.0% #AECEFC	RGB 174 206 252	#AECEFC

#8C8C8C #9E9699 #B19FAD #BDA5C4 #BBAAD6 #ADADE9 #AECEFC

#8C8C8C - #BDA5C4 - #AECEFC

CSS-Codes

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

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