#DB6CDA - #8C8FFF | 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 #DB6CDA mit #8C8FFF

#DB6CDA #8C8FFF

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

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

0.0%	0.0% #DB6CDA	RGB 219 108 218	#DB6CDA
16.7%	16.7% #CD71E0	RGB 205 113 224	#CD71E0
33.3%	33.3% #C077E6	RGB 192 119 230	#C077E6
50.0%	50.0% #B37DEC	RGB 179 125 236	#B37DEC
66.7%	66.7% #A683F2	RGB 166 131 242	#A683F2
83.3%	83.3% #9989F8	RGB 153 137 248	#9989F8
100.0%	100.0% #8C8FFF	RGB 140 143 255	#8C8FFF

#DB6CDA #CD71E0 #C077E6 #B37DEC #A683F2 #9989F8 #8C8FFF

#DB6CDA - #8C8FFF

HSV-Mischung

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

0.0%	0.0% #DB6CDA	RGB 219 108 218	#DB6CDA
16.7%	16.7% #CE71E1	RGB 206 113 225	#CE71E1
33.3%	33.3% #C176E7	RGB 193 118 231	#C176E7
50.0%	50.0% #B37BED	RGB 179 123 237	#B37BED
66.7%	66.7% #A580F3	RGB 165 128 243	#A580F3
83.3%	83.3% #9786F9	RGB 151 134 249	#9786F9
100.0%	100.0% #8C8FFF	RGB 140 143 255	#8C8FFF

#DB6CDA #CE71E1 #C176E7 #B37BED #A580F3 #9786F9 #8C8FFF

#DB6CDA - #B37BED - #8C8FFF

CSS-Codes

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

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