#7E5E63 - #EDC78C | 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 #7E5E63 a #EDC78C

#7E5E63 #EDC78C

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

#7E5E63 - #EDC78C | 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 #7E5E63 come 0% e #EDC78C come 100%.

0.0%	0.0% #7E5E63	RGB 126 94 99	#7E5E63
16.7%	16.7% #906F69	RGB 144 111 105	#906F69
33.3%	33.3% #A38170	RGB 163 129 112	#A38170
50.0%	50.0% #B59277	RGB 181 146 119	#B59277
66.7%	66.7% #C8A47E	RGB 200 164 126	#C8A47E
83.3%	83.3% #DAB585	RGB 218 181 133	#DAB585
100.0%	100.0% #EDC78C	RGB 237 199 140	#EDC78C

#7E5E63 #906F69 #A38170 #B59277 #C8A47E #DAB585 #EDC78C

#7E5E63 - #EDC78C

Miscela HSV

#7E5E63 - #EDC78C | 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 #7E5E63 come 0% e #EDC78C come 100%.

0.0%	0.0% #7E5E63	RGB 126 94 99	#7E5E63
16.7%	16.7% #906869	RGB 144 104 105	#906869
33.3%	33.3% #A37671	RGB 163 118 113	#A37671
50.0%	50.0% #B58679	RGB 181 134 121	#B58679
66.7%	66.7% #C89980	RGB 200 153 128	#C89980
83.3%	83.3% #DAAF86	RGB 218 175 134	#DAAF86
100.0%	100.0% #EDC78C	RGB 237 199 140	#EDC78C

#7E5E63 #906869 #A37671 #B58679 #C89980 #DAAF86 #EDC78C

#7E5E63 - #B58679 - #EDC78C

Codici CSS

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

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