#6BAB15 - #7DFB5E | 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 #6BAB15 a #7DFB5E

#6BAB15 #7DFB5E

Calcola il colore tra due colori, #6BAB15 e #7DFB5E. 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)

#6BAB15 - #7DFB5E | 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 #6BAB15 come 0% e #7DFB5E come 100%.

0.0%	0.0% #6BAB15	RGB 107 171 21	#6BAB15
16.7%	16.7% #6EB821	RGB 110 184 33	#6EB821
33.3%	33.3% #71C52D	RGB 113 197 45	#71C52D
50.0%	50.0% #74D339	RGB 116 211 57	#74D339
66.7%	66.7% #77E045	RGB 119 224 69	#77E045
83.3%	83.3% #7AED51	RGB 122 237 81	#7AED51
100.0%	100.0% #7DFB5E	RGB 125 251 94	#7DFB5E

#6BAB15 #6EB821 #71C52D #74D339 #77E045 #7AED51 #7DFB5E

#6BAB15 - #7DFB5E

Miscela HSV

#6BAB15 - #7DFB5E | 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 #6BAB15 come 0% e #7DFB5E come 100%.

0.0%	0.0% #6BAB15	RGB 107 171 21	#6BAB15
16.7%	16.7% #6CB81E	RGB 108 184 30	#6CB81E
33.3%	33.3% #6FC528	RGB 111 197 40	#6FC528
50.0%	50.0% #71D334	RGB 113 211 52	#71D334
66.7%	66.7% #74E041	RGB 116 224 65	#74E041
83.3%	83.3% #78ED4F	RGB 120 237 79	#78ED4F
100.0%	100.0% #7DFB5E	RGB 125 251 94	#7DFB5E

#6BAB15 #6CB81E #6FC528 #71D334 #74E041 #78ED4F #7DFB5E

#6BAB15 - #71D334 - #7DFB5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6BAB15 0%, #71D334 50%, #7DFB5E 100%);
    background: -webkit-linear-gradient(top, #6BAB15 0%, #71D334 50%, #7DFB5E 100%);
    background: linear-gradient(to bottom, #6BAB15 0%, #71D334 50%, #7DFB5E 100%);
}
</style>