#1DB64F - #EAF3AC | 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 #1DB64F a #EAF3AC

#1DB64F #EAF3AC

Calcola il colore tra due colori, #1DB64F e #EAF3AC. 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)

#1DB64F - #EAF3AC | 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 #1DB64F come 0% e #EAF3AC come 100%.

0.0%	0.0% #1DB64F	RGB 29 182 79	#1DB64F
16.7%	16.7% #3FC05E	RGB 63 192 94	#3FC05E
33.3%	33.3% #61CA6E	RGB 97 202 110	#61CA6E
50.0%	50.0% #83D47D	RGB 131 212 125	#83D47D
66.7%	66.7% #A5DE8D	RGB 165 222 141	#A5DE8D
83.3%	83.3% #C7E89C	RGB 199 232 156	#C7E89C
100.0%	100.0% #EAF3AC	RGB 234 243 172	#EAF3AC

#1DB64F #3FC05E #61CA6E #83D47D #A5DE8D #C7E89C #EAF3AC

#1DB64F - #EAF3AC

Miscela HSV

#1DB64F - #EAF3AC | 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 #1DB64F come 0% e #EAF3AC come 100%.

0.0%	0.0% #1DB64F	RGB 29 182 79	#1DB64F
16.7%	16.7% #30C042	RGB 48 192 66	#30C042
33.3%	33.3% #4ECA45	RGB 78 202 69	#4ECA45
50.0%	50.0% #7DD45C	RGB 125 212 92	#7DD45C
66.7%	66.7% #A6DE74	RGB 166 222 116	#A6DE74
83.3%	83.3% #CBE88F	RGB 203 232 143	#CBE88F
100.0%	100.0% #EAF3AC	RGB 234 243 172	#EAF3AC

#1DB64F #30C042 #4ECA45 #7DD45C #A6DE74 #CBE88F #EAF3AC

#1DB64F - #7DD45C - #EAF3AC

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1DB64F 0%, #7DD45C 50%, #EAF3AC 100%);
    background: -webkit-linear-gradient(top, #1DB64F 0%, #7DD45C 50%, #EAF3AC 100%);
    background: linear-gradient(to bottom, #1DB64F 0%, #7DD45C 50%, #EAF3AC 100%);
}
</style>