#EB9C92 - #D24B3E | 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 #EB9C92 a #D24B3E

#EB9C92 #D24B3E

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

#EB9C92 - #D24B3E | 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 #EB9C92 come 0% e #D24B3E come 100%.

0.0%	0.0% #EB9C92	RGB 235 156 146	#EB9C92
16.7%	16.7% #E68E84	RGB 230 142 132	#E68E84
33.3%	33.3% #E28176	RGB 226 129 118	#E28176
50.0%	50.0% #DE7368	RGB 222 115 104	#DE7368
66.7%	66.7% #DA665A	RGB 218 102 90	#DA665A
83.3%	83.3% #D6584C	RGB 214 88 76	#D6584C
100.0%	100.0% #D24B3E	RGB 210 75 62	#D24B3E

#EB9C92 #E68E84 #E28176 #DE7368 #DA665A #D6584C #D24B3E

#EB9C92 - #D24B3E

Miscela HSV

#EB9C92 - #D24B3E | 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 #EB9C92 come 0% e #D24B3E come 100%.

0.0%	0.0% #EB9C92	RGB 235 156 146	#EB9C92
16.7%	16.7% #E68D82	RGB 230 141 130	#E68D82
33.3%	33.3% #E27F74	RGB 226 127 116	#E27F74
50.0%	50.0% #DE7265	RGB 222 114 101	#DE7265
66.7%	66.7% #DA6458	RGB 218 100 88	#DA6458
83.3%	83.3% #D6574A	RGB 214 87 74	#D6574A
100.0%	100.0% #D24B3E	RGB 210 75 62	#D24B3E

#EB9C92 #E68D82 #E27F74 #DE7265 #DA6458 #D6574A #D24B3E

#EB9C92 - #DE7265 - #D24B3E

Codici CSS

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

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