#DB9F7B - #BB582C | 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 #DB9F7B a #BB582C

#DB9F7B #BB582C

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

#DB9F7B - #BB582C | 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 #DB9F7B come 0% e #BB582C come 100%.

0.0%	0.0% #DB9F7B	RGB 219 159 123	#DB9F7B
16.7%	16.7% #D5936D	RGB 213 147 109	#D5936D
33.3%	33.3% #D08760	RGB 208 135 96	#D08760
50.0%	50.0% #CB7B53	RGB 203 123 83	#CB7B53
66.7%	66.7% #C56F46	RGB 197 111 70	#C56F46
83.3%	83.3% #C06339	RGB 192 99 57	#C06339
100.0%	100.0% #BB582C	RGB 187 88 44	#BB582C

#DB9F7B #D5936D #D08760 #CB7B53 #C56F46 #C06339 #BB582C

#DB9F7B - #BB582C

Miscela HSV

#DB9F7B - #BB582C | 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 #DB9F7B come 0% e #BB582C come 100%.

0.0%	0.0% #DB9F7B	RGB 219 159 123	#DB9F7B
16.7%	16.7% #D5926C	RGB 213 146 108	#D5926C
33.3%	33.3% #D0865E	RGB 208 134 94	#D0865E
50.0%	50.0% #CB7A50	RGB 203 122 80	#CB7A50
66.7%	66.7% #C56E44	RGB 197 110 68	#C56E44
83.3%	83.3% #C06337	RGB 192 99 55	#C06337
100.0%	100.0% #BB582C	RGB 187 88 44	#BB582C

#DB9F7B #D5926C #D0865E #CB7A50 #C56E44 #C06337 #BB582C

#DB9F7B - #CB7A50 - #BB582C

Codici CSS

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

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