#EB6E5E - #C0281B | 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 #EB6E5E a #C0281B

#EB6E5E #C0281B

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

#EB6E5E - #C0281B | 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 #EB6E5E come 0% e #C0281B come 100%.

0.0%	0.0% #EB6E5E	RGB 235 110 94	#EB6E5E
16.7%	16.7% #E36252	RGB 227 98 82	#E36252
33.3%	33.3% #DC5647	RGB 220 86 71	#DC5647
50.0%	50.0% #D54B3C	RGB 213 75 60	#D54B3C
66.7%	66.7% #CE3F31	RGB 206 63 49	#CE3F31
83.3%	83.3% #C73326	RGB 199 51 38	#C73326
100.0%	100.0% #C0281B	RGB 192 40 27	#C0281B

#EB6E5E #E36252 #DC5647 #D54B3C #CE3F31 #C73326 #C0281B

#EB6E5E - #C0281B

Miscela HSV

#EB6E5E - #C0281B | 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 #EB6E5E come 0% e #C0281B come 100%.

0.0%	0.0% #EB6E5E	RGB 235 110 94	#EB6E5E
16.7%	16.7% #E36151	RGB 227 97 81	#E36151
33.3%	33.3% #DC5445	RGB 220 84 69	#DC5445
50.0%	50.0% #D54839	RGB 213 72 57	#D54839
66.7%	66.7% #CE3D2E	RGB 206 61 46	#CE3D2E
83.3%	83.3% #C73224	RGB 199 50 36	#C73224
100.0%	100.0% #C0281B	RGB 192 40 27	#C0281B

#EB6E5E #E36151 #DC5445 #D54839 #CE3D2E #C73224 #C0281B

#EB6E5E - #D54839 - #C0281B

Codici CSS

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

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