#ECE55E - #CDB61B | 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 #ECE55E a #CDB61B

#ECE55E #CDB61B

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

#ECE55E - #CDB61B | 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 #ECE55E come 0% e #CDB61B come 100%.

0.0%	0.0% #ECE55E	RGB 236 229 94	#ECE55E
16.7%	16.7% #E6DD52	RGB 230 221 82	#E6DD52
33.3%	33.3% #E1D547	RGB 225 213 71	#E1D547
50.0%	50.0% #DCCD3C	RGB 220 205 60	#DCCD3C
66.7%	66.7% #D7C531	RGB 215 197 49	#D7C531
83.3%	83.3% #D2BD26	RGB 210 189 38	#D2BD26
100.0%	100.0% #CDB61B	RGB 205 182 27	#CDB61B

#ECE55E #E6DD52 #E1D547 #DCCD3C #D7C531 #D2BD26 #CDB61B

#ECE55E - #CDB61B

Miscela HSV

#ECE55E - #CDB61B | 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 #ECE55E come 0% e #CDB61B come 100%.

0.0%	0.0% #ECE55E	RGB 236 229 94	#ECE55E
16.7%	16.7% #E6DD51	RGB 230 221 81	#E6DD51
33.3%	33.3% #E1D545	RGB 225 213 69	#E1D545
50.0%	50.0% #DCCE3A	RGB 220 206 58	#DCCE3A
66.7%	66.7% #D7C62F	RGB 215 198 47	#D7C62F
83.3%	83.3% #D2BE25	RGB 210 190 37	#D2BE25
100.0%	100.0% #CDB61B	RGB 205 182 27	#CDB61B

#ECE55E #E6DD51 #E1D545 #DCCE3A #D7C62F #D2BE25 #CDB61B

#ECE55E - #DCCE3A - #CDB61B

Codici CSS

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

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