#FFBA7B - #EB752B | 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 #FFBA7B a #EB752B

#FFBA7B #EB752B

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

#FFBA7B - #EB752B | 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 #FFBA7B come 0% e #EB752B come 100%.

0.0%	0.0% #FFBA7B	RGB 255 186 123	#FFBA7B
16.7%	16.7% #FBAE6D	RGB 251 174 109	#FBAE6D
33.3%	33.3% #F8A360	RGB 248 163 96	#F8A360
50.0%	50.0% #F59753	RGB 245 151 83	#F59753
66.7%	66.7% #F18C45	RGB 241 140 69	#F18C45
83.3%	83.3% #EE8038	RGB 238 128 56	#EE8038
100.0%	100.0% #EB752B	RGB 235 117 43	#EB752B

#FFBA7B #FBAE6D #F8A360 #F59753 #F18C45 #EE8038 #EB752B

#FFBA7B - #EB752B

Miscela HSV

#FFBA7B - #EB752B | 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 #FFBA7B come 0% e #EB752B come 100%.

0.0%	0.0% #FFBA7B	RGB 255 186 123	#FFBA7B
16.7%	16.7% #FBAE6C	RGB 251 174 108	#FBAE6C
33.3%	33.3% #F8A35F	RGB 248 163 95	#F8A35F
50.0%	50.0% #F59851	RGB 245 152 81	#F59851
66.7%	66.7% #F18C44	RGB 241 140 68	#F18C44
83.3%	83.3% #EE8037	RGB 238 128 55	#EE8037
100.0%	100.0% #EB752B	RGB 235 117 43	#EB752B

#FFBA7B #FBAE6C #F8A35F #F59851 #F18C44 #EE8037 #EB752B

#FFBA7B - #F59851 - #EB752B

Codici CSS

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

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