#DB3E4D - #3E1014 | 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 #DB3E4D a #3E1014

#DB3E4D #3E1014

Calcola il colore tra due colori, #DB3E4D e #3E1014. 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)

#DB3E4D - #3E1014 | 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 #DB3E4D come 0% e #3E1014 come 100%.

0.0%	0.0% #DB3E4D	RGB 219 62 77	#DB3E4D
16.7%	16.7% #C03643	RGB 192 54 67	#C03643
33.3%	33.3% #A62E3A	RGB 166 46 58	#A62E3A
50.0%	50.0% #8C2730	RGB 140 39 48	#8C2730
66.7%	66.7% #721F27	RGB 114 31 39	#721F27
83.3%	83.3% #58171D	RGB 88 23 29	#58171D
100.0%	100.0% #3E1014	RGB 62 16 20	#3E1014

#DB3E4D #C03643 #A62E3A #8C2730 #721F27 #58171D #3E1014

#DB3E4D - #3E1014

Miscela HSV

#DB3E4D - #3E1014 | 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 #DB3E4D come 0% e #3E1014 come 100%.

0.0%	0.0% #DB3E4C	RGB 219 62 76	#DB3E4C
16.7%	16.7% #C03542	RGB 192 53 66	#C03542
33.3%	33.3% #A62D38	RGB 166 45 56	#A62D38
50.0%	50.0% #8C262F	RGB 140 38 47	#8C262F
66.7%	66.7% #721E25	RGB 114 30 37	#721E25
83.3%	83.3% #58171C	RGB 88 23 28	#58171C
100.0%	100.0% #3E1014	RGB 62 16 20	#3E1014

#DB3E4C #C03542 #A62D38 #8C262F #721E25 #58171C #3E1014

#DB3E4D - #8C262F - #3E1014

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DB3E4C 0%, #8C262F 50%, #3E1014 100%);
    background: -webkit-linear-gradient(top, #DB3E4C 0%, #8C262F 50%, #3E1014 100%);
    background: linear-gradient(to bottom, #DB3E4C 0%, #8C262F 50%, #3E1014 100%);
}
</style>