#DBD65E - #DBFD7E | 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 #DBD65E a #DBFD7E

#DBD65E #DBFD7E

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

#DBD65E - #DBFD7E | 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 #DBD65E come 0% e #DBFD7E come 100%.

0.0%	0.0% #DBD65E	RGB 219 214 94	#DBD65E
16.7%	16.7% #DBDC63	RGB 219 220 99	#DBDC63
33.3%	33.3% #DBE368	RGB 219 227 104	#DBE368
50.0%	50.0% #DBE96E	RGB 219 233 110	#DBE96E
66.7%	66.7% #DBF073	RGB 219 240 115	#DBF073
83.3%	83.3% #DBF678	RGB 219 246 120	#DBF678
100.0%	100.0% #DBFD7E	RGB 219 253 126	#DBFD7E

#DBD65E #DBDC63 #DBE368 #DBE96E #DBF073 #DBF678 #DBFD7E

#DBD65E - #DBFD7E

Miscela HSV

#DBD65E - #DBFD7E | 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 #DBD65E come 0% e #DBFD7E come 100%.

0.0%	0.0% #DBD65E	RGB 219 214 94	#DBD65E
16.7%	16.7% #DFE063	RGB 223 224 99	#DFE063
33.3%	33.3% #DEE668	RGB 222 230 104	#DEE668
50.0%	50.0% #DDEC6D	RGB 221 236 109	#DDEC6D
66.7%	66.7% #DCF172	RGB 220 241 114	#DCF172
83.3%	83.3% #DBF778	RGB 219 247 120	#DBF778
100.0%	100.0% #DBFD7E	RGB 219 253 126	#DBFD7E

#DBD65E #DFE063 #DEE668 #DDEC6D #DCF172 #DBF778 #DBFD7E

#DBD65E - #DDEC6D - #DBFD7E

Codici CSS

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

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