#B6AF3B - #FFDD5E | 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 #B6AF3B a #FFDD5E

#B6AF3B #FFDD5E

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

#B6AF3B - #FFDD5E | 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 #B6AF3B come 0% e #FFDD5E come 100%.

0.0%	0.0% #B6AF3B	RGB 182 175 59	#B6AF3B
16.7%	16.7% #C2B640	RGB 194 182 64	#C2B640
33.3%	33.3% #CEBE46	RGB 206 190 70	#CEBE46
50.0%	50.0% #DAC64C	RGB 218 198 76	#DAC64C
66.7%	66.7% #E6CD52	RGB 230 205 82	#E6CD52
83.3%	83.3% #F2D558	RGB 242 213 88	#F2D558
100.0%	100.0% #FFDD5E	RGB 255 221 94	#FFDD5E

#B6AF3B #C2B640 #CEBE46 #DAC64C #E6CD52 #F2D558 #FFDD5E

#B6AF3B - #FFDD5E

Miscela HSV

#B6AF3B - #FFDD5E | 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 #B6AF3B come 0% e #FFDD5E come 100%.

0.0%	0.0% #B6AF3B	RGB 182 175 59	#B6AF3B
16.7%	16.7% #C2B740	RGB 194 183 64	#C2B740
33.3%	33.3% #CEBF45	RGB 206 191 69	#CEBF45
50.0%	50.0% #DAC74B	RGB 218 199 75	#DAC74B
66.7%	66.7% #E6CE51	RGB 230 206 81	#E6CE51
83.3%	83.3% #F2D657	RGB 242 214 87	#F2D657
100.0%	100.0% #FFDD5E	RGB 255 221 94	#FFDD5E

#B6AF3B #C2B740 #CEBF45 #DAC74B #E6CE51 #F2D657 #FFDD5E

#B6AF3B - #DAC74B - #FFDD5E

Codici CSS

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

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