#FDFFCF - #D5E87C | 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 #FDFFCF a #D5E87C

#FDFFCF #D5E87C

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

#FDFFCF - #D5E87C | 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 #FDFFCF come 0% e #D5E87C come 100%.

0.0%	0.0% #FDFFCF	RGB 253 255 207	#FDFFCF
16.7%	16.7% #F6FBC1	RGB 246 251 193	#F6FBC1
33.3%	33.3% #EFF7B3	RGB 239 247 179	#EFF7B3
50.0%	50.0% #E9F3A5	RGB 233 243 165	#E9F3A5
66.7%	66.7% #E2EF97	RGB 226 239 151	#E2EF97
83.3%	83.3% #DBEB89	RGB 219 235 137	#DBEB89
100.0%	100.0% #D5E87C	RGB 213 232 124	#D5E87C

#FDFFCF #F6FBC1 #EFF7B3 #E9F3A5 #E2EF97 #DBEB89 #D5E87C

#FDFFCF - #D5E87C

Miscela HSV

#FDFFCF - #D5E87C | 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 #FDFFCF come 0% e #D5E87C come 100%.

0.0%	0.0% #FDFFCF	RGB 253 255 207	#FDFFCF
16.7%	16.7% #F7FBC0	RGB 247 251 192	#F7FBC0
33.3%	33.3% #F1F7B1	RGB 241 247 177	#F1F7B1
50.0%	50.0% #EAF3A3	RGB 234 243 163	#EAF3A3
66.7%	66.7% #E3EF96	RGB 227 239 150	#E3EF96
83.3%	83.3% #DCEB88	RGB 220 235 136	#DCEB88
100.0%	100.0% #D5E87C	RGB 213 232 124	#D5E87C

#FDFFCF #F7FBC0 #F1F7B1 #EAF3A3 #E3EF96 #DCEB88 #D5E87C

#FDFFCF - #EAF3A3 - #D5E87C

Codici CSS

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

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