#E4FF5C - #ADDD1B | 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 #E4FF5C a #ADDD1B

#E4FF5C #ADDD1B

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

#E4FF5C - #ADDD1B | 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 #E4FF5C come 0% e #ADDD1B come 100%.

0.0%	0.0% #E4FF5C	RGB 228 255 92	#E4FF5C
16.7%	16.7% #DAF951	RGB 218 249 81	#DAF951
33.3%	33.3% #D1F346	RGB 209 243 70	#D1F346
50.0%	50.0% #C8EE3B	RGB 200 238 59	#C8EE3B
66.7%	66.7% #BFE830	RGB 191 232 48	#BFE830
83.3%	83.3% #B6E225	RGB 182 226 37	#B6E225
100.0%	100.0% #ADDD1B	RGB 173 221 27	#ADDD1B

#E4FF5C #DAF951 #D1F346 #C8EE3B #BFE830 #B6E225 #ADDD1B

#E4FF5C - #ADDD1B

Miscela HSV

#E4FF5C - #ADDD1B | 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 #E4FF5C come 0% e #ADDD1B come 100%.

0.0%	0.0% #E4FF5B	RGB 228 255 91	#E4FF5B
16.7%	16.7% #DAF950	RGB 218 249 80	#DAF950
33.3%	33.3% #D1F344	RGB 209 243 68	#D1F344
50.0%	50.0% #C8EE39	RGB 200 238 57	#C8EE39
66.7%	66.7% #BFE82E	RGB 191 232 46	#BFE82E
83.3%	83.3% #B6E224	RGB 182 226 36	#B6E224
100.0%	100.0% #ADDD1B	RGB 173 221 27	#ADDD1B

#E4FF5B #DAF950 #D1F344 #C8EE39 #BFE82E #B6E224 #ADDD1B

#E4FF5C - #C8EE39 - #ADDD1B

Codici CSS

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

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