#C92B89 - #72003D | 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 #C92B89 a #72003D

#C92B89 #72003D

Calcola il colore tra due colori, #C92B89 e #72003D. 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)

#C92B89 - #72003D | 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 #C92B89 come 0% e #72003D come 100%.

0.0%	0.0% #C92B89	RGB 201 43 137	#C92B89
16.7%	16.7% #BA237C	RGB 186 35 124	#BA237C
33.3%	33.3% #AC1C6F	RGB 172 28 111	#AC1C6F
50.0%	50.0% #9D1563	RGB 157 21 99	#9D1563
66.7%	66.7% #8F0E56	RGB 143 14 86	#8F0E56
83.3%	83.3% #800749	RGB 128 7 73	#800749
100.0%	100.0% #72003D	RGB 114 0 61	#72003D

#C92B89 #BA237C #AC1C6F #9D1563 #8F0E56 #800749 #72003D

#C92B89 - #72003D

Miscela HSV

#C92B89 - #72003D | 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 #C92B89 come 0% e #72003D come 100%.

0.0%	0.0% #C92A89	RGB 201 42 137	#C92A89
16.7%	16.7% #BA217A	RGB 186 33 122	#BA217A
33.3%	33.3% #AC186D	RGB 172 24 109	#AC186D
50.0%	50.0% #9D1060	RGB 157 16 96	#9D1060
66.7%	66.7% #8F0A53	RGB 143 10 83	#8F0A53
83.3%	83.3% #800448	RGB 128 4 72	#800448
100.0%	100.0% #72003D	RGB 114 0 61	#72003D

#C92A89 #BA217A #AC186D #9D1060 #8F0A53 #800448 #72003D

#C92B89 - #9D1060 - #72003D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C92A89 0%, #9D1060 50%, #72003D 100%);
    background: -webkit-linear-gradient(top, #C92A89 0%, #9D1060 50%, #72003D 100%);
    background: linear-gradient(to bottom, #C92A89 0%, #9D1060 50%, #72003D 100%);
}
</style>