#BE4DB1 - #ECCCE8 | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #BE4DB1 a #ECCCE8

#BE4DB1 #ECCCE8

Calcola il colore tra due colori, #BE4DB1 e #ECCCE8. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#BE4DB1 - #ECCCE8 | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #BE4DB1 come 0% e #ECCCE8 come 100%.

0.0%	0.0% #BE4DB1	RGB 190 77 177	#BE4DB1
16.7%	16.7% #C562BA	RGB 197 98 186	#C562BA
33.3%	33.3% #CD77C3	RGB 205 119 195	#CD77C3
50.0%	50.0% #D58CCC	RGB 213 140 204	#D58CCC
66.7%	66.7% #DCA1D5	RGB 220 161 213	#DCA1D5
83.3%	83.3% #E4B6DE	RGB 228 182 222	#E4B6DE
100.0%	100.0% #ECCCE8	RGB 236 204 232	#ECCCE8

#BE4DB1 #C562BA #CD77C3 #D58CCC #DCA1D5 #E4B6DE #ECCCE8

#BE4DB1 - #ECCCE8

Miscela HSV

#BE4DB1 - #ECCCE8 | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #BE4DB1 come 0% e #ECCCE8 come 100%.

0.0%	0.0% #BE4DB1	RGB 190 77 177	#BE4DB1
16.7%	16.7% #C55FB9	RGB 197 95 185	#C55FB9
33.3%	33.3% #CD72C2	RGB 205 114 194	#CD72C2
50.0%	50.0% #D587CB	RGB 213 135 203	#D587CB
66.7%	66.7% #DC9CD4	RGB 220 156 212	#DC9CD4
83.3%	83.3% #E4B3DE	RGB 228 179 222	#E4B3DE
100.0%	100.0% #ECCCE8	RGB 236 204 232	#ECCCE8

#BE4DB1 #C55FB9 #CD72C2 #D587CB #DC9CD4 #E4B3DE #ECCCE8

#BE4DB1 - #D587CB - #ECCCE8

Codici CSS

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

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