#6EAD00 - #D5E7B6 | 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 #6EAD00 a #D5E7B6

#6EAD00 #D5E7B6

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

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

0.0%	0.0% #6EAD00	RGB 110 173 0	#6EAD00
16.7%	16.7% #7FB61E	RGB 127 182 30	#7FB61E
33.3%	33.3% #90C03C	RGB 144 192 60	#90C03C
50.0%	50.0% #A1CA5B	RGB 161 202 91	#A1CA5B
66.7%	66.7% #B2D379	RGB 178 211 121	#B2D379
83.3%	83.3% #C3DD97	RGB 195 221 151	#C3DD97
100.0%	100.0% #D5E7B6	RGB 213 231 182	#D5E7B6

#6EAD00 #7FB61E #90C03C #A1CA5B #B2D379 #C3DD97 #D5E7B6

#6EAD00 - #D5E7B6

Miscela HSV

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

0.0%	0.0% #6EAD00	RGB 110 173 0	#6EAD00
16.7%	16.7% #7CB617	RGB 124 182 23	#7CB617
33.3%	33.3% #8CC032	RGB 140 192 50	#8CC032
50.0%	50.0% #9DCA4F	RGB 157 202 79	#9DCA4F
66.7%	66.7% #AED36F	RGB 174 211 111	#AED36F
83.3%	83.3% #C1DD91	RGB 193 221 145	#C1DD91
100.0%	100.0% #D5E7B6	RGB 213 231 182	#D5E7B6

#6EAD00 #7CB617 #8CC032 #9DCA4F #AED36F #C1DD91 #D5E7B6

#6EAD00 - #9DCA4F - #D5E7B6

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6EAD00 0%, #9DCA4F 50%, #D5E7B6 100%);
    background: -webkit-linear-gradient(top, #6EAD00 0%, #9DCA4F 50%, #D5E7B6 100%);
    background: linear-gradient(to bottom, #6EAD00 0%, #9DCA4F 50%, #D5E7B6 100%);
}
</style>