#CC3C2D - #85170B | 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 #CC3C2D a #85170B

#CC3C2D #85170B

Calcola il colore tra due colori, #CC3C2D e #85170B. 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)

#CC3C2D - #85170B | 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 #CC3C2D come 0% e #85170B come 100%.

0.0%	0.0% #CC3C2D	RGB 204 60 45	#CC3C2D
16.7%	16.7% #C03527	RGB 192 53 39	#C03527
33.3%	33.3% #B42F21	RGB 180 47 33	#B42F21
50.0%	50.0% #A8291C	RGB 168 41 28	#A8291C
66.7%	66.7% #9C2316	RGB 156 35 22	#9C2316
83.3%	83.3% #901D10	RGB 144 29 16	#901D10
100.0%	100.0% #85170B	RGB 133 23 11	#85170B

#CC3C2D #C03527 #B42F21 #A8291C #9C2316 #901D10 #85170B

#CC3C2D - #85170B

Miscela HSV

#CC3C2D - #85170B | 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 #CC3C2D come 0% e #85170B come 100%.

0.0%	0.0% #CC3C2C	RGB 204 60 44	#CC3C2C
16.7%	16.7% #C03425	RGB 192 52 37	#C03425
33.3%	33.3% #B42D1F	RGB 180 45 31	#B42D1F
50.0%	50.0% #A82719	RGB 168 39 25	#A82719
66.7%	66.7% #9C2114	RGB 156 33 20	#9C2114
83.3%	83.3% #901B0F	RGB 144 27 15	#901B0F
100.0%	100.0% #85170B	RGB 133 23 11	#85170B

#CC3C2C #C03425 #B42D1F #A82719 #9C2114 #901B0F #85170B

#CC3C2D - #A82719 - #85170B

Codici CSS

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

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