#DCB5E2 - #B249B5 | 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 #DCB5E2 mit #B249B5

#DCB5E2 #B249B5

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

#DCB5E2 - #B249B5 | 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 #DCB5E2 als 0% und #B249B5 als 100%.

0.0%	0.0% #DCB5E2	RGB 220 181 226	#DCB5E2
16.7%	16.7% #D5A3DA	RGB 213 163 218	#D5A3DA
33.3%	33.3% #CE91D3	RGB 206 145 211	#CE91D3
50.0%	50.0% #C77FCB	RGB 199 127 203	#C77FCB
66.7%	66.7% #C06DC4	RGB 192 109 196	#C06DC4
83.3%	83.3% #B95BBC	RGB 185 91 188	#B95BBC
100.0%	100.0% #B249B5	RGB 178 73 181	#B249B5

#DCB5E2 #D5A3DA #CE91D3 #C77FCB #C06DC4 #B95BBC #B249B5

#DCB5E2 - #B249B5

HSV-Mischung

#DCB5E2 - #B249B5 | 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 #DCB5E2 als 0% und #B249B5 als 100%.

0.0%	0.0% #DCB5E2	RGB 220 181 226	#DCB5E2
16.7%	16.7% #D3A0DA	RGB 211 160 218	#D3A0DA
33.3%	33.3% #CC8DD3	RGB 204 141 211	#CC8DD3
50.0%	50.0% #C47ACB	RGB 196 122 203	#C47ACB
66.7%	66.7% #BE69C4	RGB 190 105 196	#BE69C4
83.3%	83.3% #B758BC	RGB 183 88 188	#B758BC
100.0%	100.0% #B249B5	RGB 178 73 181	#B249B5

#DCB5E2 #D3A0DA #CC8DD3 #C47ACB #BE69C4 #B758BC #B249B5

#DCB5E2 - #C47ACB - #B249B5

CSS-Codes

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

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