#C9212C - #550B13 | 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 #C9212C a #550B13

#C9212C #550B13

Calcola il colore tra due colori, #C9212C e #550B13. 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)

#C9212C - #550B13 | 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 #C9212C come 0% e #550B13 come 100%.

0.0%	0.0% #C9212C	RGB 201 33 44	#C9212C
16.7%	16.7% #B51D27	RGB 181 29 39	#B51D27
33.3%	33.3% #A21923	RGB 162 25 35	#A21923
50.0%	50.0% #8F161F	RGB 143 22 31	#8F161F
66.7%	66.7% #7B121B	RGB 123 18 27	#7B121B
83.3%	83.3% #680E17	RGB 104 14 23	#680E17
100.0%	100.0% #550B13	RGB 85 11 19	#550B13

#C9212C #B51D27 #A21923 #8F161F #7B121B #680E17 #550B13

#C9212C - #550B13

Miscela HSV

#C9212C - #550B13 | 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 #C9212C come 0% e #550B13 come 100%.

0.0%	0.0% #C9202C	RGB 201 32 44	#C9202C
16.7%	16.7% #B51C27	RGB 181 28 39	#B51C27
33.3%	33.3% #A21823	RGB 162 24 35	#A21823
50.0%	50.0% #8F141F	RGB 143 20 31	#8F141F
66.7%	66.7% #7B111B	RGB 123 17 27	#7B111B
83.3%	83.3% #680E17	RGB 104 14 23	#680E17
100.0%	100.0% #550B13	RGB 85 11 19	#550B13

#C9202C #B51C27 #A21823 #8F141F #7B111B #680E17 #550B13

#C9212C - #8F141F - #550B13

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9202C 0%, #8F141F 50%, #550B13 100%);
    background: -webkit-linear-gradient(top, #C9202C 0%, #8F141F 50%, #550B13 100%);
    background: linear-gradient(to bottom, #C9202C 0%, #8F141F 50%, #550B13 100%);
}
</style>