#73EB6C - #FFFF8F | 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 #73EB6C a #FFFF8F

#73EB6C #FFFF8F

Calcola il colore tra due colori, #73EB6C e #FFFF8F. 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)

#73EB6C - #FFFF8F | 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 #73EB6C come 0% e #FFFF8F come 100%.

0.0%	0.0% #73EB6C	RGB 115 235 108	#73EB6C
16.7%	16.7% #8AEE71	RGB 138 238 113	#8AEE71
33.3%	33.3% #A1F177	RGB 161 241 119	#A1F177
50.0%	50.0% #B9F57D	RGB 185 245 125	#B9F57D
66.7%	66.7% #D0F883	RGB 208 248 131	#D0F883
83.3%	83.3% #E7FB89	RGB 231 251 137	#E7FB89
100.0%	100.0% #FFFF8F	RGB 255 255 143	#FFFF8F

#73EB6C #8AEE71 #A1F177 #B9F57D #D0F883 #E7FB89 #FFFF8F

#73EB6C - #FFFF8F

Miscela HSV

#73EB6C - #FFFF8F | 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 #73EB6C come 0% e #FFFF8F come 100%.

0.0%	0.0% #73EB6C	RGB 115 235 108	#73EB6C
16.7%	16.7% #8CEE71	RGB 140 238 113	#8CEE71
33.3%	33.3% #A4F177	RGB 164 241 119	#A4F177
50.0%	50.0% #BCF57C	RGB 188 245 124	#BCF57C
66.7%	66.7% #D3F882	RGB 211 248 130	#D3F882
83.3%	83.3% #E9FB88	RGB 233 251 136	#E9FB88
100.0%	100.0% #FFFF8F	RGB 255 255 143	#FFFF8F

#73EB6C #8CEE71 #A4F177 #BCF57C #D3F882 #E9FB88 #FFFF8F

#73EB6C - #BCF57C - #FFFF8F

Codici CSS

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

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