#FFBA4D - #FFDBB2 | 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 #FFBA4D a #FFDBB2

#FFBA4D #FFDBB2

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

#FFBA4D - #FFDBB2 | 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 #FFBA4D come 0% e #FFDBB2 come 100%.

0.0%	0.0% #FFBA4D	RGB 255 186 77	#FFBA4D
16.7%	16.7% #FFBF5D	RGB 255 191 93	#FFBF5D
33.3%	33.3% #FFC56E	RGB 255 197 110	#FFC56E
50.0%	50.0% #FFCA7F	RGB 255 202 127	#FFCA7F
66.7%	66.7% #FFD090	RGB 255 208 144	#FFD090
83.3%	83.3% #FFD5A1	RGB 255 213 161	#FFD5A1
100.0%	100.0% #FFDBB2	RGB 255 219 178	#FFDBB2

#FFBA4D #FFBF5D #FFC56E #FFCA7F #FFD090 #FFD5A1 #FFDBB2

#FFBA4D - #FFDBB2

Miscela HSV

#FFBA4D - #FFDBB2 | 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 #FFBA4D come 0% e #FFDBB2 come 100%.

0.0%	0.0% #FFBA4D	RGB 255 186 77	#FFBA4D
16.7%	16.7% #FFBE5D	RGB 255 190 93	#FFBE5D
33.3%	33.3% #FFC36E	RGB 255 195 110	#FFC36E
50.0%	50.0% #FFC87F	RGB 255 200 127	#FFC87F
66.7%	66.7% #FFCE90	RGB 255 206 144	#FFCE90
83.3%	83.3% #FFD4A1	RGB 255 212 161	#FFD4A1
100.0%	100.0% #FFDBB2	RGB 255 219 178	#FFDBB2

#FFBA4D #FFBE5D #FFC36E #FFC87F #FFCE90 #FFD4A1 #FFDBB2

#FFBA4D - #FFC87F - #FFDBB2

Codici CSS

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

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