#EAB591 - #FBECB5 | 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 #EAB591 a #FBECB5

#EAB591 #FBECB5

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

#EAB591 - #FBECB5 | 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 #EAB591 come 0% e #FBECB5 come 100%.

0.0%	0.0% #EAB591	RGB 234 181 145	#EAB591
16.7%	16.7% #ECBE97	RGB 236 190 151	#ECBE97
33.3%	33.3% #EFC79D	RGB 239 199 157	#EFC79D
50.0%	50.0% #F2D0A3	RGB 242 208 163	#F2D0A3
66.7%	66.7% #F5D9A9	RGB 245 217 169	#F5D9A9
83.3%	83.3% #F8E2AF	RGB 248 226 175	#F8E2AF
100.0%	100.0% #FBECB5	RGB 251 236 181	#FBECB5

#EAB591 #ECBE97 #EFC79D #F2D0A3 #F5D9A9 #F8E2AF #FBECB5

#EAB591 - #FBECB5

Miscela HSV

#EAB591 - #FBECB5 | 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 #EAB591 come 0% e #FBECB5 come 100%.

0.0%	0.0% #EAB591	RGB 234 181 145	#EAB591
16.7%	16.7% #ECBF96	RGB 236 191 150	#ECBF96
33.3%	33.3% #EFC89C	RGB 239 200 156	#EFC89C
50.0%	50.0% #F2D2A2	RGB 242 210 162	#F2D2A2
66.7%	66.7% #F5DBA8	RGB 245 219 168	#F5DBA8
83.3%	83.3% #F8E3AE	RGB 248 227 174	#F8E3AE
100.0%	100.0% #FBECB5	RGB 251 236 181	#FBECB5

#EAB591 #ECBF96 #EFC89C #F2D2A2 #F5DBA8 #F8E3AE #FBECB5

#EAB591 - #F2D2A2 - #FBECB5

Codici CSS

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

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