#EB6DE8 - #A70DAB | 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 #EB6DE8 a #A70DAB

#EB6DE8 #A70DAB

Calcola il colore tra due colori, #EB6DE8 e #A70DAB. 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)

#EB6DE8 - #A70DAB | 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 #EB6DE8 come 0% e #A70DAB come 100%.

0.0%	0.0% #EB6DE8	RGB 235 109 232	#EB6DE8
16.7%	16.7% #DF5DDD	RGB 223 93 221	#DF5DDD
33.3%	33.3% #D44DD3	RGB 212 77 211	#D44DD3
50.0%	50.0% #C93DC9	RGB 201 61 201	#C93DC9
66.7%	66.7% #BD2DBF	RGB 189 45 191	#BD2DBF
83.3%	83.3% #B21DB5	RGB 178 29 181	#B21DB5
100.0%	100.0% #A70DAB	RGB 167 13 171	#A70DAB

#EB6DE8 #DF5DDD #D44DD3 #C93DC9 #BD2DBF #B21DB5 #A70DAB

#EB6DE8 - #A70DAB

Miscela HSV

#EB6DE8 - #A70DAB | 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 #EB6DE8 come 0% e #A70DAB come 100%.

0.0%	0.0% #EB6DE8	RGB 235 109 232	#EB6DE8
16.7%	16.7% #E059DE	RGB 224 89 222	#E059DE
33.3%	33.3% #D547D4	RGB 213 71 212	#D547D4
50.0%	50.0% #CA36CB	RGB 202 54 203	#CA36CB
66.7%	66.7% #BE27C0	RGB 190 39 192	#BE27C0
83.3%	83.3% #B219B5	RGB 178 25 181	#B219B5
100.0%	100.0% #A70DAB	RGB 167 13 171	#A70DAB

#EB6DE8 #E059DE #D547D4 #CA36CB #BE27C0 #B219B5 #A70DAB

#EB6DE8 - #CA36CB - #A70DAB

Codici CSS

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

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