#959600 - #FCD42E | 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 #959600 a #FCD42E

#959600 #FCD42E

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

#959600 - #FCD42E | 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 #959600 come 0% e #FCD42E come 100%.

0.0%	0.0% #959600	RGB 149 150 0	#959600
16.7%	16.7% #A6A007	RGB 166 160 7	#A6A007
33.3%	33.3% #B7AA0F	RGB 183 170 15	#B7AA0F
50.0%	50.0% #C8B517	RGB 200 181 23	#C8B517
66.7%	66.7% #D9BF1E	RGB 217 191 30	#D9BF1E
83.3%	83.3% #EAC926	RGB 234 201 38	#EAC926
100.0%	100.0% #FCD42E	RGB 252 212 46	#FCD42E

#959600 #A6A007 #B7AA0F #C8B517 #D9BF1E #EAC926 #FCD42E

#959600 - #FCD42E

Miscela HSV

#959600 - #FCD42E | 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 #959600 come 0% e #FCD42E come 100%.

0.0%	0.0% #959600	RGB 149 150 0	#959600
16.7%	16.7% #A7A205	RGB 167 162 5	#A7A205
33.3%	33.3% #B8AD0B	RGB 184 173 11	#B8AD0B
50.0%	50.0% #C9B712	RGB 201 183 18	#C9B712
66.7%	66.7% #DAC11A	RGB 218 193 26	#DAC11A
83.3%	83.3% #EBCA23	RGB 235 202 35	#EBCA23
100.0%	100.0% #FCD42E	RGB 252 212 46	#FCD42E

#959600 #A7A205 #B8AD0B #C9B712 #DAC11A #EBCA23 #FCD42E

#959600 - #C9B712 - #FCD42E

Codici CSS

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

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