#00B13B - #FFFF7E | 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 #00B13B a #FFFF7E

#00B13B #FFFF7E

Calcola il colore tra due colori, #00B13B e #FFFF7E. 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)

#00B13B - #FFFF7E | 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 #00B13B come 0% e #FFFF7E come 100%.

0.0%	0.0% #00B13B	RGB 0 177 59	#00B13B
16.7%	16.7% #2ABE46	RGB 42 190 70	#2ABE46
33.3%	33.3% #55CB51	RGB 85 203 81	#55CB51
50.0%	50.0% #7FD85C	RGB 127 216 92	#7FD85C
66.7%	66.7% #AAE567	RGB 170 229 103	#AAE567
83.3%	83.3% #D4F272	RGB 212 242 114	#D4F272
100.0%	100.0% #FFFF7E	RGB 255 255 126	#FFFF7E

#00B13B #2ABE46 #55CB51 #7FD85C #AAE567 #D4F272 #FFFF7E

#00B13B - #FFFF7E

Miscela HSV

#00B13B - #FFFF7E | 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 #00B13B come 0% e #FFFF7E come 100%.

0.0%	0.0% #00B13B	RGB 0 177 59	#00B13B
16.7%	16.7% #0FBE23	RGB 15 190 35	#0FBE23
33.3%	33.3% #34CB21	RGB 52 203 33	#34CB21
50.0%	50.0% #6BD835	RGB 107 216 53	#6BD835
66.7%	66.7% #A0E54B	RGB 160 229 75	#A0E54B
83.3%	83.3% #D2F263	RGB 210 242 99	#D2F263
100.0%	100.0% #FFFF7E	RGB 255 255 126	#FFFF7E

#00B13B #0FBE23 #34CB21 #6BD835 #A0E54B #D2F263 #FFFF7E

#00B13B - #6BD835 - #FFFF7E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B13B 0%, #6BD835 50%, #FFFF7E 100%);
    background: -webkit-linear-gradient(top, #00B13B 0%, #6BD835 50%, #FFFF7E 100%);
    background: linear-gradient(to bottom, #00B13B 0%, #6BD835 50%, #FFFF7E 100%);
}
</style>