#99EB6C - #FFDD8F | 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 #99EB6C a #FFDD8F

#99EB6C #FFDD8F

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

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

0.0%	0.0% #99EB6C	RGB 153 235 108	#99EB6C
16.7%	16.7% #AAE871	RGB 170 232 113	#AAE871
33.3%	33.3% #BBE677	RGB 187 230 119	#BBE677
50.0%	50.0% #CCE47D	RGB 204 228 125	#CCE47D
66.7%	66.7% #DDE183	RGB 221 225 131	#DDE183
83.3%	83.3% #EEDF89	RGB 238 223 137	#EEDF89
100.0%	100.0% #FFDD8F	RGB 255 221 143	#FFDD8F

#99EB6C #AAE871 #BBE677 #CCE47D #DDE183 #EEDF89 #FFDD8F

#99EB6C - #FFDD8F

Miscela HSV

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

0.0%	0.0% #99EB6C	RGB 153 235 108	#99EB6C
16.7%	16.7% #B1EE71	RGB 177 238 113	#B1EE71
33.3%	33.3% #C9F177	RGB 201 241 119	#C9F177
50.0%	50.0% #E0F57C	RGB 224 245 124	#E0F57C
66.7%	66.7% #F6F882	RGB 246 248 130	#F6F882
83.3%	83.3% #FBEA88	RGB 251 234 136	#FBEA88
100.0%	100.0% #FFDD8F	RGB 255 221 143	#FFDD8F

#99EB6C #B1EE71 #C9F177 #E0F57C #F6F882 #FBEA88 #FFDD8F

#99EB6C - #E0F57C - #FFDD8F

Codici CSS

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

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