#DF3D3C - #AB0D1A | 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 #DF3D3C a #AB0D1A

#DF3D3C #AB0D1A

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

#DF3D3C - #AB0D1A | 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 #DF3D3C come 0% e #AB0D1A come 100%.

0.0%	0.0% #DF3D3C	RGB 223 61 60	#DF3D3C
16.7%	16.7% #D63536	RGB 214 53 54	#D63536
33.3%	33.3% #CD2D30	RGB 205 45 48	#CD2D30
50.0%	50.0% #C5252B	RGB 197 37 43	#C5252B
66.7%	66.7% #BC1D25	RGB 188 29 37	#BC1D25
83.3%	83.3% #B3151F	RGB 179 21 31	#B3151F
100.0%	100.0% #AB0D1A	RGB 171 13 26	#AB0D1A

#DF3D3C #D63536 #CD2D30 #C5252B #BC1D25 #B3151F #AB0D1A

#DF3D3C - #AB0D1A

Miscela HSV

#DF3D3C - #AB0D1A | 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 #DF3D3C come 0% e #AB0D1A come 100%.

0.0%	0.0% #DF3D3C	RGB 223 61 60	#DF3D3C
16.7%	16.7% #D63234	RGB 214 50 52	#D63234
33.3%	33.3% #CD2A2D	RGB 205 42 45	#CD2A2D
50.0%	50.0% #C52128	RGB 197 33 40	#C52128
66.7%	66.7% #BC1A22	RGB 188 26 34	#BC1A22
83.3%	83.3% #B3131E	RGB 179 19 30	#B3131E
100.0%	100.0% #AB0D1A	RGB 171 13 26	#AB0D1A

#DF3D3C #D63234 #CD2A2D #C52128 #BC1A22 #B3131E #AB0D1A

#DF3D3C - #C52128 - #AB0D1A

Codici CSS

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

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