#AC3E3C - #E7C7C7 | 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 #AC3E3C mit #E7C7C7

#AC3E3C #E7C7C7

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

#AC3E3C - #E7C7C7 | 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 #AC3E3C als 0% und #E7C7C7 als 100%.

0.0%	0.0% #AC3E3C	RGB 172 62 60	#AC3E3C
16.7%	16.7% #B55453	RGB 181 84 83	#B55453
33.3%	33.3% #BF6B6A	RGB 191 107 106	#BF6B6A
50.0%	50.0% #C98281	RGB 201 130 129	#C98281
66.7%	66.7% #D39998	RGB 211 153 152	#D39998
83.3%	83.3% #DDB0AF	RGB 221 176 175	#DDB0AF
100.0%	100.0% #E7C7C7	RGB 231 199 199	#E7C7C7

#AC3E3C #B55453 #BF6B6A #C98281 #D39998 #DDB0AF #E7C7C7

#AC3E3C - #E7C7C7

HSV-Mischung

#AC3E3C - #E7C7C7 | 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 #AC3E3C als 0% und #E7C7C7 als 100%.

0.0%	0.0% #AC3E3C	RGB 172 62 60	#AC3E3C
16.7%	16.7% #B5504E	RGB 181 80 78	#B5504E
33.3%	33.3% #BF6463	RGB 191 100 99	#BF6463
50.0%	50.0% #C97A79	RGB 201 122 121	#C97A79
66.7%	66.7% #D39291	RGB 211 146 145	#D39291
83.3%	83.3% #DDABAB	RGB 221 171 171	#DDABAB
100.0%	100.0% #E7C7C7	RGB 231 199 199	#E7C7C7

#AC3E3C #B5504E #BF6463 #C97A79 #D39291 #DDABAB #E7C7C7

#AC3E3C - #C97A79 - #E7C7C7

CSS-Codes

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

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