#FF5E6A - #FFC07C | 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 #FF5E6A a #FFC07C

#FF5E6A #FFC07C

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

#FF5E6A - #FFC07C | 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 #FF5E6A come 0% e #FFC07C come 100%.

0.0%	0.0% #FF5E6A	RGB 255 94 106	#FF5E6A
16.7%	16.7% #FF6E6D	RGB 255 110 109	#FF6E6D
33.3%	33.3% #FF7E70	RGB 255 126 112	#FF7E70
50.0%	50.0% #FF8F73	RGB 255 143 115	#FF8F73
66.7%	66.7% #FF9F76	RGB 255 159 118	#FF9F76
83.3%	83.3% #FFAF79	RGB 255 175 121	#FFAF79
100.0%	100.0% #FFC07C	RGB 255 192 124	#FFC07C

#FF5E6A #FF6E6D #FF7E70 #FF8F73 #FF9F76 #FFAF79 #FFC07C

#FF5E6A - #FFC07C

Miscela HSV

#FF5E6A - #FFC07C | 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 #FF5E6A come 0% e #FFC07C come 100%.

0.0%	0.0% #FF5D6A	RGB 255 93 106	#FF5D6A
16.7%	16.7% #FF6662	RGB 255 102 98	#FF6662
33.3%	33.3% #FF7A67	RGB 255 122 103	#FF7A67
50.0%	50.0% #FF8D6D	RGB 255 141 109	#FF8D6D
66.7%	66.7% #FF9F72	RGB 255 159 114	#FF9F72
83.3%	83.3% #FFB077	RGB 255 176 119	#FFB077
100.0%	100.0% #FFC07C	RGB 255 192 124	#FFC07C

#FF5D6A #FF6662 #FF7A67 #FF8D6D #FF9F72 #FFB077 #FFC07C

#FF5E6A - #FF8D6D - #FFC07C

Codici CSS

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

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