#ACAF3C - #FFE26A | 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 #ACAF3C a #FFE26A

#ACAF3C #FFE26A

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

#ACAF3C - #FFE26A | 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 #ACAF3C come 0% e #FFE26A come 100%.

0.0%	0.0% #ACAF3C	RGB 172 175 60	#ACAF3C
16.7%	16.7% #B9B743	RGB 185 183 67	#B9B743
33.3%	33.3% #C7C04B	RGB 199 192 75	#C7C04B
50.0%	50.0% #D5C853	RGB 213 200 83	#D5C853
66.7%	66.7% #E3D15A	RGB 227 209 90	#E3D15A
83.3%	83.3% #F1D962	RGB 241 217 98	#F1D962
100.0%	100.0% #FFE26A	RGB 255 226 106	#FFE26A

#ACAF3C #B9B743 #C7C04B #D5C853 #E3D15A #F1D962 #FFE26A

#ACAF3C - #FFE26A

Miscela HSV

#ACAF3C - #FFE26A | 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 #ACAF3C come 0% e #FFE26A come 100%.

0.0%	0.0% #ACAF3C	RGB 172 175 60	#ACAF3C
16.7%	16.7% #BCBB42	RGB 188 187 66	#BCBB42
33.3%	33.3% #C9C34A	RGB 201 195 74	#C9C34A
50.0%	50.0% #D7CB51	RGB 215 203 81	#D7CB51
66.7%	66.7% #E4D359	RGB 228 211 89	#E4D359
83.3%	83.3% #F1DA61	RGB 241 218 97	#F1DA61
100.0%	100.0% #FFE26A	RGB 255 226 106	#FFE26A

#ACAF3C #BCBB42 #C9C34A #D7CB51 #E4D359 #F1DA61 #FFE26A

#ACAF3C - #D7CB51 - #FFE26A

Codici CSS

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

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