#AC5E6B - #FBAA80 | 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 #AC5E6B a #FBAA80

#AC5E6B #FBAA80

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

#AC5E6B - #FBAA80 | 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 #AC5E6B come 0% e #FBAA80 come 100%.

0.0%	0.0% #AC5E6B	RGB 172 94 107	#AC5E6B
16.7%	16.7% #B96A6E	RGB 185 106 110	#B96A6E
33.3%	33.3% #C67772	RGB 198 119 114	#C67772
50.0%	50.0% #D38475	RGB 211 132 117	#D38475
66.7%	66.7% #E09079	RGB 224 144 121	#E09079
83.3%	83.3% #ED9D7C	RGB 237 157 124	#ED9D7C
100.0%	100.0% #FBAA80	RGB 251 170 128	#FBAA80

#AC5E6B #B96A6E #C67772 #D38475 #E09079 #ED9D7C #FBAA80

#AC5E6B - #FBAA80

Miscela HSV

#AC5E6B - #FBAA80 | 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 #AC5E6B come 0% e #FBAA80 come 100%.

0.0%	0.0% #AC5E6B	RGB 172 94 107	#AC5E6B
16.7%	16.7% #B9646B	RGB 185 100 107	#B9646B
33.3%	33.3% #C66A69	RGB 198 106 105	#C66A69
50.0%	50.0% #D3786F	RGB 211 120 111	#D3786F
66.7%	66.7% #E08775	RGB 224 135 117	#E08775
83.3%	83.3% #ED987A	RGB 237 152 122	#ED987A
100.0%	100.0% #FBAA80	RGB 251 170 128	#FBAA80

#AC5E6B #B9646B #C66A69 #D3786F #E08775 #ED987A #FBAA80

#AC5E6B - #D3786F - #FBAA80

Codici CSS

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

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