#AB5E6C - #FBA37E | 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 #AB5E6C a #FBA37E

#AB5E6C #FBA37E

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

#AB5E6C - #FBA37E | 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 #AB5E6C come 0% e #FBA37E come 100%.

0.0%	0.0% #AB5E6C	RGB 171 94 108	#AB5E6C
16.7%	16.7% #B8696F	RGB 184 105 111	#B8696F
33.3%	33.3% #C57572	RGB 197 117 114	#C57572
50.0%	50.0% #D38075	RGB 211 128 117	#D38075
66.7%	66.7% #E08C78	RGB 224 140 120	#E08C78
83.3%	83.3% #ED977B	RGB 237 151 123	#ED977B
100.0%	100.0% #FBA37E	RGB 251 163 126	#FBA37E

#AB5E6C #B8696F #C57572 #D38075 #E08C78 #ED977B #FBA37E

#AB5E6C - #FBA37E

Miscela HSV

#AB5E6C - #FBA37E | 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 #AB5E6C come 0% e #FBA37E come 100%.

0.0%	0.0% #AB5E6C	RGB 171 94 108	#AB5E6C
16.7%	16.7% #B8636C	RGB 184 99 108	#B8636C
33.3%	33.3% #C5696B	RGB 197 105 107	#C5696B
50.0%	50.0% #D3746E	RGB 211 116 110	#D3746E
66.7%	66.7% #E08274	RGB 224 130 116	#E08274
83.3%	83.3% #ED9279	RGB 237 146 121	#ED9279
100.0%	100.0% #FBA37E	RGB 251 163 126	#FBA37E

#AB5E6C #B8636C #C5696B #D3746E #E08274 #ED9279 #FBA37E

#AB5E6C - #D3746E - #FBA37E

Codici CSS

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

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