#62BC5E - #FFF080 | 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 #62BC5E a #FFF080

#62BC5E #FFF080

Calcola il colore tra due colori, #62BC5E e #FFF080. 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)

#62BC5E - #FFF080 | 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 #62BC5E come 0% e #FFF080 come 100%.

0.0%	0.0% #62BC5E	RGB 98 188 94	#62BC5E
16.7%	16.7% #7CC463	RGB 124 196 99	#7CC463
33.3%	33.3% #96CD69	RGB 150 205 105	#96CD69
50.0%	50.0% #B0D66F	RGB 176 214 111	#B0D66F
66.7%	66.7% #CADE74	RGB 202 222 116	#CADE74
83.3%	83.3% #E4E77A	RGB 228 231 122	#E4E77A
100.0%	100.0% #FFF080	RGB 255 240 128	#FFF080

#62BC5E #7CC463 #96CD69 #B0D66F #CADE74 #E4E77A #FFF080

#62BC5E - #FFF080

Miscela HSV

#62BC5E - #FFF080 | 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 #62BC5E come 0% e #FFF080 come 100%.

0.0%	0.0% #62BC5E	RGB 98 188 94	#62BC5E
16.7%	16.7% #79C763	RGB 121 199 99	#79C763
33.3%	33.3% #93D269	RGB 147 210 105	#93D269
50.0%	50.0% #AFDD6E	RGB 175 221 110	#AFDD6E
66.7%	66.7% #CCE874	RGB 204 232 116	#CCE874
83.3%	83.3% #ECF37A	RGB 236 243 122	#ECF37A
100.0%	100.0% #FFF080	RGB 255 240 128	#FFF080

#62BC5E #79C763 #93D269 #AFDD6E #CCE874 #ECF37A #FFF080

#62BC5E - #AFDD6E - #FFF080

Codici CSS

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

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