#686D9F - #D3D5E3 | 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 #686D9F mit #D3D5E3

#686D9F #D3D5E3

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

#686D9F - #D3D5E3 | 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 #686D9F als 0% und #D3D5E3 als 100%.

0.0%	0.0% #686D9F	RGB 104 109 159	#686D9F
16.7%	16.7% #797EAA	RGB 121 126 170	#797EAA
33.3%	33.3% #8B8FB5	RGB 139 143 181	#8B8FB5
50.0%	50.0% #9DA1C1	RGB 157 161 193	#9DA1C1
66.7%	66.7% #AFB2CC	RGB 175 178 204	#AFB2CC
83.3%	83.3% #C1C3D7	RGB 193 195 215	#C1C3D7
100.0%	100.0% #D3D5E3	RGB 211 213 227	#D3D5E3

#686D9F #797EAA #8B8FB5 #9DA1C1 #AFB2CC #C1C3D7 #D3D5E3

#686D9F - #D3D5E3

HSV-Mischung

#686D9F - #D3D5E3 | 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 #686D9F als 0% und #D3D5E3 als 100%.

0.0%	0.0% #686D9F	RGB 104 109 159	#686D9F
16.7%	16.7% #777CAA	RGB 119 124 170	#777CAA
33.3%	33.3% #878CB5	RGB 135 140 181	#878CB5
50.0%	50.0% #989DC1	RGB 152 157 193	#989DC1
66.7%	66.7% #ABAECC	RGB 171 174 204	#ABAECC
83.3%	83.3% #BEC1D7	RGB 190 193 215	#BEC1D7
100.0%	100.0% #D3D5E3	RGB 211 213 227	#D3D5E3

#686D9F #777CAA #878CB5 #989DC1 #ABAECC #BEC1D7 #D3D5E3

#686D9F - #989DC1 - #D3D5E3

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #686D9F 0%, #989DC1 50%, #D3D5E3 100%);
    background: -webkit-linear-gradient(top, #686D9F 0%, #989DC1 50%, #D3D5E3 100%);
    background: linear-gradient(to bottom, #686D9F 0%, #989DC1 50%, #D3D5E3 100%);
}
</style>