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

#A37D5E #FEC27C

Calcola il colore tra due colori, #A37D5E 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)

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

0.0%	0.0% #A37D5E	RGB 163 125 94	#A37D5E
16.7%	16.7% #B28863	RGB 178 136 99	#B28863
33.3%	33.3% #C19468	RGB 193 148 104	#C19468
50.0%	50.0% #D09F6D	RGB 208 159 109	#D09F6D
66.7%	66.7% #DFAB72	RGB 223 171 114	#DFAB72
83.3%	83.3% #EEB677	RGB 238 182 119	#EEB677
100.0%	100.0% #FEC27C	RGB 254 194 124	#FEC27C

#A37D5E #B28863 #C19468 #D09F6D #DFAB72 #EEB677 #FEC27C

#A37D5E - #FEC27C

Miscela HSV

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

0.0%	0.0% #A37D5E	RGB 163 125 94	#A37D5E
16.7%	16.7% #B28864	RGB 178 136 100	#B28864
33.3%	33.3% #C19369	RGB 193 147 105	#C19369
50.0%	50.0% #D09F6F	RGB 208 159 111	#D09F6F
66.7%	66.7% #DFAA73	RGB 223 170 115	#DFAA73
83.3%	83.3% #EEB678	RGB 238 182 120	#EEB678
100.0%	100.0% #FEC27C	RGB 254 194 124	#FEC27C

#A37D5E #B28864 #C19369 #D09F6F #DFAA73 #EEB678 #FEC27C

#A37D5E - #D09F6F - #FEC27C

Codici CSS

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

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