#E7FF4B - #FFDB8C | 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 #E7FF4B a #FFDB8C

#E7FF4B #FFDB8C

Calcola il colore tra due colori, #E7FF4B e #FFDB8C. 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)

#E7FF4B - #FFDB8C | 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 #E7FF4B come 0% e #FFDB8C come 100%.

0.0%	0.0% #E7FF4B	RGB 231 255 75	#E7FF4B
16.7%	16.7% #EBF955	RGB 235 249 85	#EBF955
33.3%	33.3% #EFF360	RGB 239 243 96	#EFF360
50.0%	50.0% #F3ED6B	RGB 243 237 107	#F3ED6B
66.7%	66.7% #F7E776	RGB 247 231 118	#F7E776
83.3%	83.3% #FBE181	RGB 251 225 129	#FBE181
100.0%	100.0% #FFDB8C	RGB 255 219 140	#FFDB8C

#E7FF4B #EBF955 #EFF360 #F3ED6B #F7E776 #FBE181 #FFDB8C

#E7FF4B - #FFDB8C

Miscela HSV

#E7FF4B - #FFDB8C | 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 #E7FF4B come 0% e #FFDB8C come 100%.

0.0%	0.0% #E7FF4B	RGB 231 255 75	#E7FF4B
16.7%	16.7% #F5FF55	RGB 245 255 85	#F5FF55
33.3%	33.3% #FFFC60	RGB 255 252 96	#FFFC60
50.0%	50.0% #FFF16B	RGB 255 241 107	#FFF16B
66.7%	66.7% #FFE876	RGB 255 232 118	#FFE876
83.3%	83.3% #FFE081	RGB 255 224 129	#FFE081
100.0%	100.0% #FFDB8C	RGB 255 219 140	#FFDB8C

#E7FF4B #F5FF55 #FFFC60 #FFF16B #FFE876 #FFE081 #FFDB8C

#E7FF4B - #FFF16B - #FFDB8C

Codici CSS

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

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