#C0C0DB - #5E749F | 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 #C0C0DB mit #5E749F

#C0C0DB #5E749F

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

#C0C0DB - #5E749F | 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 #C0C0DB als 0% und #5E749F als 100%.

0.0%	0.0% #C0C0DB	RGB 192 192 219	#C0C0DB
16.7%	16.7% #AFB3D1	RGB 175 179 209	#AFB3D1
33.3%	33.3% #9FA6C7	RGB 159 166 199	#9FA6C7
50.0%	50.0% #8F9ABD	RGB 143 154 189	#8F9ABD
66.7%	66.7% #7E8DB3	RGB 126 141 179	#7E8DB3
83.3%	83.3% #6E80A9	RGB 110 128 169	#6E80A9
100.0%	100.0% #5E749F	RGB 94 116 159	#5E749F

#C0C0DB #AFB3D1 #9FA6C7 #8F9ABD #7E8DB3 #6E80A9 #5E749F

#C0C0DB - #5E749F

HSV-Mischung

#C0C0DB - #5E749F | 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 #C0C0DB als 0% und #5E749F als 100%.

0.0%	0.0% #C0C0DB	RGB 192 192 219	#C0C0DB
16.7%	16.7% #ADAFD1	RGB 173 175 209	#ADAFD1
33.3%	33.3% #9BA0C7	RGB 155 160 199	#9BA0C7
50.0%	50.0% #8A93BD	RGB 138 147 189	#8A93BD
66.7%	66.7% #7A87B3	RGB 122 135 179	#7A87B3
83.3%	83.3% #6B7DA9	RGB 107 125 169	#6B7DA9
100.0%	100.0% #5E749F	RGB 94 116 159	#5E749F

#C0C0DB #ADAFD1 #9BA0C7 #8A93BD #7A87B3 #6B7DA9 #5E749F

#C0C0DB - #8A93BD - #5E749F

CSS-Codes

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

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