#EF5E79 - #FEA07C | 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 #EF5E79 a #FEA07C

#EF5E79 #FEA07C

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

#EF5E79 - #FEA07C | 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 #EF5E79 come 0% e #FEA07C come 100%.

0.0%	0.0% #EF5E79	RGB 239 94 121	#EF5E79
16.7%	16.7% #F16979	RGB 241 105 121	#F16979
33.3%	33.3% #F4747A	RGB 244 116 122	#F4747A
50.0%	50.0% #F67F7A	RGB 246 127 122	#F67F7A
66.7%	66.7% #F98A7B	RGB 249 138 123	#F98A7B
83.3%	83.3% #FB957B	RGB 251 149 123	#FB957B
100.0%	100.0% #FEA07C	RGB 254 160 124	#FEA07C

#EF5E79 #F16979 #F4747A #F67F7A #F98A7B #FB957B #FEA07C

#EF5E79 - #FEA07C

Miscela HSV

#EF5E79 - #FEA07C | 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 #EF5E79 come 0% e #FEA07C come 100%.

0.0%	0.0% #EF5E78	RGB 239 94 120	#EF5E78
16.7%	16.7% #F16272	RGB 241 98 114	#F16272
33.3%	33.3% #F4676C	RGB 244 103 108	#F4676C
50.0%	50.0% #F6726C	RGB 246 114 108	#F6726C
66.7%	66.7% #F98271	RGB 249 130 113	#F98271
83.3%	83.3% #FB9176	RGB 251 145 118	#FB9176
100.0%	100.0% #FEA07C	RGB 254 160 124	#FEA07C

#EF5E78 #F16272 #F4676C #F6726C #F98271 #FB9176 #FEA07C

#EF5E79 - #F6726C - #FEA07C

Codici CSS

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

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