#605EB6 - #ECB0D6 | 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 #605EB6 mit #ECB0D6

#605EB6 #ECB0D6

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

#605EB6 - #ECB0D6 | 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 #605EB6 als 0% und #ECB0D6 als 100%.

0.0%	0.0% #605EB6	RGB 96 94 182	#605EB6
16.7%	16.7% #776BBB	RGB 119 107 187	#776BBB
33.3%	33.3% #8E79C0	RGB 142 121 192	#8E79C0
50.0%	50.0% #A687C6	RGB 166 135 198	#A687C6
66.7%	66.7% #BD94CB	RGB 189 148 203	#BD94CB
83.3%	83.3% #D4A2D0	RGB 212 162 208	#D4A2D0
100.0%	100.0% #ECB0D6	RGB 236 176 214	#ECB0D6

#605EB6 #776BBB #8E79C0 #A687C6 #BD94CB #D4A2D0 #ECB0D6

#605EB6 - #ECB0D6

HSV-Mischung

#605EB6 - #ECB0D6 | 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 #605EB6 als 0% und #ECB0D6 als 100%.

0.0%	0.0% #605EB6	RGB 96 94 182	#605EB6
16.7%	16.7% #7E69BF	RGB 126 105 191	#7E69BF
33.3%	33.3% #9C76C8	RGB 156 118 200	#9C76C8
50.0%	50.0% #B983D1	RGB 185 131 209	#B983D1
66.7%	66.7% #D491DA	RGB 212 145 218	#D491DA
83.3%	83.3% #E3A0D9	RGB 227 160 217	#E3A0D9
100.0%	100.0% #ECB0D6	RGB 236 176 214	#ECB0D6

#605EB6 #7E69BF #9C76C8 #B983D1 #D491DA #E3A0D9 #ECB0D6

#605EB6 - #B983D1 - #ECB0D6

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #605EB6 0%, #B983D1 50%, #ECB0D6 100%);
    background: -webkit-linear-gradient(top, #605EB6 0%, #B983D1 50%, #ECB0D6 100%);
    background: linear-gradient(to bottom, #605EB6 0%, #B983D1 50%, #ECB0D6 100%);
}
</style>