#BD3C7C - #ECC7D9 | 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 #BD3C7C mit #ECC7D9

#BD3C7C #ECC7D9

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

#BD3C7C - #ECC7D9 | 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 #BD3C7C als 0% und #ECC7D9 als 100%.

0.0%	0.0% #BD3C7C	RGB 189 60 124	#BD3C7C
16.7%	16.7% #C4538B	RGB 196 83 139	#C4538B
33.3%	33.3% #CC6A9B	RGB 204 106 155	#CC6A9B
50.0%	50.0% #D481AA	RGB 212 129 170	#D481AA
66.7%	66.7% #DC98BA	RGB 220 152 186	#DC98BA
83.3%	83.3% #E4AFC9	RGB 228 175 201	#E4AFC9
100.0%	100.0% #ECC7D9	RGB 236 199 217	#ECC7D9

#BD3C7C #C4538B #CC6A9B #D481AA #DC98BA #E4AFC9 #ECC7D9

#BD3C7C - #ECC7D9

HSV-Mischung

#BD3C7C - #ECC7D9 | 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 #BD3C7C als 0% und #ECC7D9 als 100%.

0.0%	0.0% #BD3C7B	RGB 189 60 123	#BD3C7B
16.7%	16.7% #C44F89	RGB 196 79 137	#C44F89
33.3%	33.3% #CC6498	RGB 204 100 152	#CC6498
50.0%	50.0% #D47BA7	RGB 212 123 167	#D47BA7
66.7%	66.7% #DC93B7	RGB 220 147 183	#DC93B7
83.3%	83.3% #E4ACC7	RGB 228 172 199	#E4ACC7
100.0%	100.0% #ECC7D9	RGB 236 199 217	#ECC7D9

#BD3C7B #C44F89 #CC6498 #D47BA7 #DC93B7 #E4ACC7 #ECC7D9

#BD3C7C - #D47BA7 - #ECC7D9

CSS-Codes

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

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