#FFFD8B - #D6EC3E | 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 #FFFD8B a #D6EC3E

#FFFD8B #D6EC3E

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

#FFFD8B - #D6EC3E | 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 #FFFD8B come 0% e #D6EC3E come 100%.

0.0%	0.0% #FFFD8B	RGB 255 253 139	#FFFD8B
16.7%	16.7% #F8FA7E	RGB 248 250 126	#F8FA7E
33.3%	33.3% #F1F771	RGB 241 247 113	#F1F771
50.0%	50.0% #EAF464	RGB 234 244 100	#EAF464
66.7%	66.7% #E3F157	RGB 227 241 87	#E3F157
83.3%	83.3% #DCEE4A	RGB 220 238 74	#DCEE4A
100.0%	100.0% #D6EC3E	RGB 214 236 62	#D6EC3E

#FFFD8B #F8FA7E #F1F771 #EAF464 #E3F157 #DCEE4A #D6EC3E

#FFFD8B - #D6EC3E

Miscela HSV

#FFFD8B - #D6EC3E | 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 #FFFD8B come 0% e #D6EC3E come 100%.

0.0%	0.0% #FFFD8B	RGB 255 253 139	#FFFD8B
16.7%	16.7% #FAFB7D	RGB 250 251 125	#FAFB7D
33.3%	33.3% #F4F870	RGB 244 248 112	#F4F870
50.0%	50.0% #EDF563	RGB 237 245 99	#EDF563
66.7%	66.7% #E6F256	RGB 230 242 86	#E6F256
83.3%	83.3% #DEEF4A	RGB 222 239 74	#DEEF4A
100.0%	100.0% #D6EC3E	RGB 214 236 62	#D6EC3E

#FFFD8B #FAFB7D #F4F870 #EDF563 #E6F256 #DEEF4A #D6EC3E

#FFFD8B - #EDF563 - #D6EC3E

Codici CSS

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

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