#FF012F - #700017 | 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 #FF012F a #700017

#FF012F #700017

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

#FF012F - #700017 | 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 #FF012F come 0% e #700017 come 100%.

0.0%	0.0% #FF012F	RGB 255 1 47	#FF012F
16.7%	16.7% #E7002B	RGB 231 0 43	#E7002B
33.3%	33.3% #CF0027	RGB 207 0 39	#CF0027
50.0%	50.0% #B70023	RGB 183 0 35	#B70023
66.7%	66.7% #9F001F	RGB 159 0 31	#9F001F
83.3%	83.3% #87001B	RGB 135 0 27	#87001B
100.0%	100.0% #700017	RGB 112 0 23	#700017

#FF012F #E7002B #CF0027 #B70023 #9F001F #87001B #700017

#FF012F - #700017

Miscela HSV

#FF012F - #700017 | 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 #FF012F come 0% e #700017 come 100%.

0.0%	0.0% #FF002F	RGB 255 0 47	#FF002F
16.7%	16.7% #E7002B	RGB 231 0 43	#E7002B
33.3%	33.3% #CF0027	RGB 207 0 39	#CF0027
50.0%	50.0% #B70023	RGB 183 0 35	#B70023
66.7%	66.7% #9F001F	RGB 159 0 31	#9F001F
83.3%	83.3% #87001B	RGB 135 0 27	#87001B
100.0%	100.0% #700017	RGB 112 0 23	#700017

#FF002F #E7002B #CF0027 #B70023 #9F001F #87001B #700017

#FF012F - #B70023 - #700017

Codici CSS

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

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