#AA0300 - #E6B7B6 | 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 #AA0300 a #E6B7B6

#AA0300 #E6B7B6

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

#AA0300 - #E6B7B6 | 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 #AA0300 come 0% e #E6B7B6 come 100%.

0.0%	0.0% #AA0300	RGB 170 3 0	#AA0300
16.7%	16.7% #B4211E	RGB 180 33 30	#B4211E
33.3%	33.3% #BE3F3C	RGB 190 63 60	#BE3F3C
50.0%	50.0% #C85D5B	RGB 200 93 91	#C85D5B
66.7%	66.7% #D27B79	RGB 210 123 121	#D27B79
83.3%	83.3% #DC9997	RGB 220 153 151	#DC9997
100.0%	100.0% #E6B7B6	RGB 230 183 182	#E6B7B6

#AA0300 #B4211E #BE3F3C #C85D5B #D27B79 #DC9997 #E6B7B6

#AA0300 - #E6B7B6

Miscela HSV

#AA0300 - #E6B7B6 | 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 #AA0300 come 0% e #E6B7B6 come 100%.

0.0%	0.0% #AA0300	RGB 170 3 0	#AA0300
16.7%	16.7% #B41A17	RGB 180 26 23	#B41A17
33.3%	33.3% #BE3432	RGB 190 52 50	#BE3432
50.0%	50.0% #C8514F	RGB 200 81 79	#C8514F
66.7%	66.7% #D2706E	RGB 210 112 110	#D2706E
83.3%	83.3% #DC9291	RGB 220 146 145	#DC9291
100.0%	100.0% #E6B7B6	RGB 230 183 182	#E6B7B6

#AA0300 #B41A17 #BE3432 #C8514F #D2706E #DC9291 #E6B7B6

#AA0300 - #C8514F - #E6B7B6

Codici CSS

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

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