#BC5E4C - #FCAB66 | 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 #BC5E4C a #FCAB66

#BC5E4C #FCAB66

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

#BC5E4C - #FCAB66 | 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 #BC5E4C come 0% e #FCAB66 come 100%.

0.0%	0.0% #BC5E4C	RGB 188 94 76	#BC5E4C
16.7%	16.7% #C66A50	RGB 198 106 80	#C66A50
33.3%	33.3% #D17754	RGB 209 119 84	#D17754
50.0%	50.0% #DC8459	RGB 220 132 89	#DC8459
66.7%	66.7% #E6915D	RGB 230 145 93	#E6915D
83.3%	83.3% #F19E61	RGB 241 158 97	#F19E61
100.0%	100.0% #FCAB66	RGB 252 171 102	#FCAB66

#BC5E4C #C66A50 #D17754 #DC8459 #E6915D #F19E61 #FCAB66

#BC5E4C - #FCAB66

Miscela HSV

#BC5E4C - #FCAB66 | 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 #BC5E4C come 0% e #FCAB66 come 100%.

0.0%	0.0% #BC5E4C	RGB 188 94 76	#BC5E4C
16.7%	16.7% #C66950	RGB 198 105 80	#C66950
33.3%	33.3% #D17554	RGB 209 117 84	#D17554
50.0%	50.0% #DC8158	RGB 220 129 88	#DC8158
66.7%	66.7% #E68E5D	RGB 230 142 93	#E68E5D
83.3%	83.3% #F19C61	RGB 241 156 97	#F19C61
100.0%	100.0% #FCAB66	RGB 252 171 102	#FCAB66

#BC5E4C #C66950 #D17554 #DC8158 #E68E5D #F19C61 #FCAB66

#BC5E4C - #DC8158 - #FCAB66

Codici CSS

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

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