#A8B58B - #F5E4A7 | 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 #A8B58B a #F5E4A7

#A8B58B #F5E4A7

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

#A8B58B - #F5E4A7 | 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 #A8B58B come 0% e #F5E4A7 come 100%.

0.0%	0.0% #A8B58B	RGB 168 181 139	#A8B58B
16.7%	16.7% #B4BC8F	RGB 180 188 143	#B4BC8F
33.3%	33.3% #C1C494	RGB 193 196 148	#C1C494
50.0%	50.0% #CECC99	RGB 206 204 153	#CECC99
66.7%	66.7% #DBD49D	RGB 219 212 157	#DBD49D
83.3%	83.3% #E8DCA2	RGB 232 220 162	#E8DCA2
100.0%	100.0% #F5E4A7	RGB 245 228 167	#F5E4A7

#A8B58B #B4BC8F #C1C494 #CECC99 #DBD49D #E8DCA2 #F5E4A7

#A8B58B - #F5E4A7

Miscela HSV

#A8B58B - #F5E4A7 | 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 #A8B58B come 0% e #F5E4A7 come 100%.

0.0%	0.0% #A8B58B	RGB 168 181 139	#A8B58B
16.7%	16.7% #B5BF90	RGB 181 191 144	#B5BF90
33.3%	33.3% #C3CA95	RGB 195 202 149	#C3CA95
50.0%	50.0% #D2D59A	RGB 210 213 154	#D2D59A
66.7%	66.7% #DFDC9E	RGB 223 220 158	#DFDC9E
83.3%	83.3% #EAE1A3	RGB 234 225 163	#EAE1A3
100.0%	100.0% #F5E4A7	RGB 245 228 167	#F5E4A7

#A8B58B #B5BF90 #C3CA95 #D2D59A #DFDC9E #EAE1A3 #F5E4A7

#A8B58B - #D2D59A - #F5E4A7

Codici CSS

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

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