#CE3EB6 - #850067 | 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 #CE3EB6 a #850067

#CE3EB6 #850067

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

#CE3EB6 - #850067 | 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 #CE3EB6 come 0% e #850067 come 100%.

0.0%	0.0% #CE3EB6	RGB 206 62 182	#CE3EB6
16.7%	16.7% #C133A8	RGB 193 51 168	#C133A8
33.3%	33.3% #B5299B	RGB 181 41 155	#B5299B
50.0%	50.0% #A91F8E	RGB 169 31 142	#A91F8E
66.7%	66.7% #9D1481	RGB 157 20 129	#9D1481
83.3%	83.3% #910A74	RGB 145 10 116	#910A74
100.0%	100.0% #850067	RGB 133 0 103	#850067

#CE3EB6 #C133A8 #B5299B #A91F8E #9D1481 #910A74 #850067

#CE3EB6 - #850067

Miscela HSV

#CE3EB6 - #850067 | 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 #CE3EB6 come 0% e #850067 come 100%.

0.0%	0.0% #CE3EB6	RGB 206 62 182	#CE3EB6
16.7%	16.7% #C130A8	RGB 193 48 168	#C130A8
33.3%	33.3% #B5249A	RGB 181 36 154	#B5249A
50.0%	50.0% #A9198D	RGB 169 25 141	#A9198D
66.7%	66.7% #9D0F80	RGB 157 15 128	#9D0F80
83.3%	83.3% #910773	RGB 145 7 115	#910773
100.0%	100.0% #850067	RGB 133 0 103	#850067

#CE3EB6 #C130A8 #B5249A #A9198D #9D0F80 #910773 #850067

#CE3EB6 - #A9198D - #850067

Codici CSS

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

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