#DB6F5E - #971504 | 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 #DB6F5E a #971504

#DB6F5E #971504

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

#DB6F5E - #971504 | 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 #DB6F5E come 0% e #971504 come 100%.

0.0%	0.0% #DB6F5E	RGB 219 111 94	#DB6F5E
16.7%	16.7% #CF604F	RGB 207 96 79	#CF604F
33.3%	33.3% #C45140	RGB 196 81 64	#C45140
50.0%	50.0% #B94231	RGB 185 66 49	#B94231
66.7%	66.7% #AD3321	RGB 173 51 33	#AD3321
83.3%	83.3% #A22413	RGB 162 36 19	#A22413
100.0%	100.0% #971504	RGB 151 21 4	#971504

#DB6F5E #CF604F #C45140 #B94231 #AD3321 #A22413 #971504

#DB6F5E - #971504

Miscela HSV

#DB6F5E - #971504 | 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 #DB6F5E come 0% e #971504 come 100%.

0.0%	0.0% #DB6F5E	RGB 219 111 94	#DB6F5E
16.7%	16.7% #CF5C4B	RGB 207 92 75	#CF5C4B
33.3%	33.3% #C44B39	RGB 196 75 57	#C44B39
50.0%	50.0% #B93C2A	RGB 185 60 42	#B93C2A
66.7%	66.7% #AD2D1B	RGB 173 45 27	#AD2D1B
83.3%	83.3% #A2200F	RGB 162 32 15	#A2200F
100.0%	100.0% #971504	RGB 151 21 4	#971504

#DB6F5E #CF5C4B #C44B39 #B93C2A #AD2D1B #A2200F #971504

#DB6F5E - #B93C2A - #971504

Codici CSS

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

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