#C88C8C - #AB3E38 | 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 #C88C8C mit #AB3E38

#C88C8C #AB3E38

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

#C88C8C - #AB3E38 | 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 #C88C8C als 0% und #AB3E38 als 100%.

0.0%	0.0% #C88C8C	RGB 200 140 140	#C88C8C
16.7%	16.7% #C37F7E	RGB 195 127 126	#C37F7E
33.3%	33.3% #BE7270	RGB 190 114 112	#BE7270
50.0%	50.0% #B96562	RGB 185 101 98	#B96562
66.7%	66.7% #B45854	RGB 180 88 84	#B45854
83.3%	83.3% #AF4B46	RGB 175 75 70	#AF4B46
100.0%	100.0% #AB3E38	RGB 171 62 56	#AB3E38

#C88C8C #C37F7E #BE7270 #B96562 #B45854 #AF4B46 #AB3E38

#C88C8C - #AB3E38

HSV-Mischung

#C88C8C - #AB3E38 | 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 #C88C8C als 0% und #AB3E38 als 100%.

0.0%	0.0% #C88C8C	RGB 200 140 140	#C88C8C
16.7%	16.7% #C37D7C	RGB 195 125 124	#C37D7C
33.3%	33.3% #BE6F6D	RGB 190 111 109	#BE6F6D
50.0%	50.0% #B9615F	RGB 185 97 95	#B9615F
66.7%	66.7% #B45551	RGB 180 85 81	#B45551
83.3%	83.3% #AF4944	RGB 175 73 68	#AF4944
100.0%	100.0% #AB3E38	RGB 171 62 56	#AB3E38

#C88C8C #C37D7C #BE6F6D #B9615F #B45551 #AF4944 #AB3E38

#C88C8C - #B9615F - #AB3E38

CSS-Codes

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

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