#A87C5E - #FEC27C | 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 #A87C5E a #FEC27C

#A87C5E #FEC27C

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

#A87C5E - #FEC27C | 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 #A87C5E come 0% e #FEC27C come 100%.

0.0%	0.0% #A87C5E	RGB 168 124 94	#A87C5E
16.7%	16.7% #B68763	RGB 182 135 99	#B68763
33.3%	33.3% #C49368	RGB 196 147 104	#C49368
50.0%	50.0% #D39F6D	RGB 211 159 109	#D39F6D
66.7%	66.7% #E1AA72	RGB 225 170 114	#E1AA72
83.3%	83.3% #EFB677	RGB 239 182 119	#EFB677
100.0%	100.0% #FEC27C	RGB 254 194 124	#FEC27C

#A87C5E #B68763 #C49368 #D39F6D #E1AA72 #EFB677 #FEC27C

#A87C5E - #FEC27C

Miscela HSV

#A87C5E - #FEC27C | 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 #A87C5E come 0% e #FEC27C come 100%.

0.0%	0.0% #A87C5E	RGB 168 124 94	#A87C5E
16.7%	16.7% #B68763	RGB 182 135 99	#B68763
33.3%	33.3% #C49269	RGB 196 146 105	#C49269
50.0%	50.0% #D39D6E	RGB 211 157 110	#D39D6E
66.7%	66.7% #E1A973	RGB 225 169 115	#E1A973
83.3%	83.3% #EFB577	RGB 239 181 119	#EFB577
100.0%	100.0% #FEC27C	RGB 254 194 124	#FEC27C

#A87C5E #B68763 #C49269 #D39D6E #E1A973 #EFB577 #FEC27C

#A87C5E - #D39D6E - #FEC27C

Codici CSS

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

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