#5E7FBC - #D1DAEB | 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 #5E7FBC mit #D1DAEB

#5E7FBC #D1DAEB

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

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

0.0%	0.0% #5E7FBC	RGB 94 127 188	#5E7FBC
16.7%	16.7% #718EC3	RGB 113 142 195	#718EC3
33.3%	33.3% #849DCB	RGB 132 157 203	#849DCB
50.0%	50.0% #97ACD3	RGB 151 172 211	#97ACD3
66.7%	66.7% #AABBDB	RGB 170 187 219	#AABBDB
83.3%	83.3% #BDCAE3	RGB 189 202 227	#BDCAE3
100.0%	100.0% #D1DAEB	RGB 209 218 235	#D1DAEB

#5E7FBC #718EC3 #849DCB #97ACD3 #AABBDB #BDCAE3 #D1DAEB

#5E7FBC - #D1DAEB

HSV-Mischung

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

0.0%	0.0% #5E7FBC	RGB 94 127 188	#5E7FBC
16.7%	16.7% #6E8CC3	RGB 110 140 195	#6E8CC3
33.3%	33.3% #809ACB	RGB 128 154 203	#809ACB
50.0%	50.0% #92A9D3	RGB 146 169 211	#92A9D3
66.7%	66.7% #A6B8DB	RGB 166 184 219	#A6B8DB
83.3%	83.3% #BBC9E3	RGB 187 201 227	#BBC9E3
100.0%	100.0% #D1DAEB	RGB 209 218 235	#D1DAEB

#5E7FBC #6E8CC3 #809ACB #92A9D3 #A6B8DB #BBC9E3 #D1DAEB

#5E7FBC - #92A9D3 - #D1DAEB

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7FBC 0%, #92A9D3 50%, #D1DAEB 100%);
    background: -webkit-linear-gradient(top, #5E7FBC 0%, #92A9D3 50%, #D1DAEB 100%);
    background: linear-gradient(to bottom, #5E7FBC 0%, #92A9D3 50%, #D1DAEB 100%);
}
</style>