#FF7AE8 - #EC2ADE | 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 #FF7AE8 a #EC2ADE

#FF7AE8 #EC2ADE

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

#FF7AE8 - #EC2ADE | 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 #FF7AE8 come 0% e #EC2ADE come 100%.

0.0%	0.0% #FF7AE8	RGB 255 122 232	#FF7AE8
16.7%	16.7% #FB6CE6	RGB 251 108 230	#FB6CE6
33.3%	33.3% #F85FE4	RGB 248 95 228	#F85FE4
50.0%	50.0% #F552E3	RGB 245 82 227	#F552E3
66.7%	66.7% #F244E1	RGB 242 68 225	#F244E1
83.3%	83.3% #EF37DF	RGB 239 55 223	#EF37DF
100.0%	100.0% #EC2ADE	RGB 236 42 222	#EC2ADE

#FF7AE8 #FB6CE6 #F85FE4 #F552E3 #F244E1 #EF37DF #EC2ADE

#FF7AE8 - #EC2ADE

Miscela HSV

#FF7AE8 - #EC2ADE | 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 #FF7AE8 come 0% e #EC2ADE come 100%.

0.0%	0.0% #FF7AE8	RGB 255 122 232	#FF7AE8
16.7%	16.7% #FB6BE5	RGB 251 107 229	#FB6BE5
33.3%	33.3% #F85EE3	RGB 248 94 227	#F85EE3
50.0%	50.0% #F550E1	RGB 245 80 225	#F550E1
66.7%	66.7% #F243DF	RGB 242 67 223	#F243DF
83.3%	83.3% #EF36DE	RGB 239 54 222	#EF36DE
100.0%	100.0% #EC2ADE	RGB 236 42 222	#EC2ADE

#FF7AE8 #FB6BE5 #F85EE3 #F550E1 #F243DF #EF36DE #EC2ADE

#FF7AE8 - #F550E1 - #EC2ADE

Codici CSS

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

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