#D65A8C - #8F0740 | 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 #D65A8C mit #8F0740

#D65A8C #8F0740

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

#D65A8C - #8F0740 | 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 #D65A8C als 0% und #8F0740 als 100%.

0.0%	0.0% #D65A8C	RGB 214 90 140	#D65A8C
16.7%	16.7% #CA4C7F	RGB 202 76 127	#CA4C7F
33.3%	33.3% #BE3E72	RGB 190 62 114	#BE3E72
50.0%	50.0% #B23066	RGB 178 48 102	#B23066
66.7%	66.7% #A62259	RGB 166 34 89	#A62259
83.3%	83.3% #9A144C	RGB 154 20 76	#9A144C
100.0%	100.0% #8F0740	RGB 143 7 64	#8F0740

#D65A8C #CA4C7F #BE3E72 #B23066 #A62259 #9A144C #8F0740

#D65A8C - #8F0740

HSV-Mischung

#D65A8C - #8F0740 | 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 #D65A8C als 0% und #8F0740 als 100%.

0.0%	0.0% #D65A8C	RGB 214 90 140	#D65A8C
16.7%	16.7% #CA487D	RGB 202 72 125	#CA487D
33.3%	33.3% #BE386F	RGB 190 56 111	#BE386F
50.0%	50.0% #B22962	RGB 178 41 98	#B22962
66.7%	66.7% #A61C55	RGB 166 28 85	#A61C55
83.3%	83.3% #9A114A	RGB 154 17 74	#9A114A
100.0%	100.0% #8F0740	RGB 143 7 64	#8F0740

#D65A8C #CA487D #BE386F #B22962 #A61C55 #9A114A #8F0740

#D65A8C - #B22962 - #8F0740

CSS-Codes

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

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