#A65B5A - #E5D0CF | 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 #A65B5A a #E5D0CF

#A65B5A #E5D0CF

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

#A65B5A - #E5D0CF | 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 #A65B5A come 0% e #E5D0CF come 100%.

0.0%	0.0% #A65B5A	RGB 166 91 90	#A65B5A
16.7%	16.7% #B06E6D	RGB 176 110 109	#B06E6D
33.3%	33.3% #BB8281	RGB 187 130 129	#BB8281
50.0%	50.0% #C59594	RGB 197 149 148	#C59594
66.7%	66.7% #D0A9A8	RGB 208 169 168	#D0A9A8
83.3%	83.3% #DABCBB	RGB 218 188 187	#DABCBB
100.0%	100.0% #E5D0CF	RGB 229 208 207	#E5D0CF

#A65B5A #B06E6D #BB8281 #C59594 #D0A9A8 #DABCBB #E5D0CF

#A65B5A - #E5D0CF

Miscela HSV

#A65B5A - #E5D0CF | 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 #A65B5A come 0% e #E5D0CF come 100%.

0.0%	0.0% #A65B5A	RGB 166 91 90	#A65B5A
16.7%	16.7% #B06B6A	RGB 176 107 106	#B06B6A
33.3%	33.3% #BB7D7B	RGB 187 125 123	#BB7D7B
50.0%	50.0% #C5908E	RGB 197 144 142	#C5908E
66.7%	66.7% #D0A4A2	RGB 208 164 162	#D0A4A2
83.3%	83.3% #DAB9B8	RGB 218 185 184	#DAB9B8
100.0%	100.0% #E5D0CF	RGB 229 208 207	#E5D0CF

#A65B5A #B06B6A #BB7D7B #C5908E #D0A4A2 #DAB9B8 #E5D0CF

#A65B5A - #C5908E - #E5D0CF

Codici CSS

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

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