#C7BBCC - #766586 | 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 #C7BBCC a #766586

#C7BBCC #766586

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

#C7BBCC - #766586 | 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 #C7BBCC come 0% e #766586 come 100%.

0.0%	0.0% #C7BBCC	RGB 199 187 204	#C7BBCC
16.7%	16.7% #B9ACC0	RGB 185 172 192	#B9ACC0
33.3%	33.3% #AC9EB4	RGB 172 158 180	#AC9EB4
50.0%	50.0% #9E90A9	RGB 158 144 169	#9E90A9
66.7%	66.7% #91819D	RGB 145 129 157	#91819D
83.3%	83.3% #837391	RGB 131 115 145	#837391
100.0%	100.0% #766586	RGB 118 101 134	#766586

#C7BBCC #B9ACC0 #AC9EB4 #9E90A9 #91819D #837391 #766586

#C7BBCC - #766586

Miscela HSV

#C7BBCC - #766586 | 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 #C7BBCC come 0% e #766586 come 100%.

0.0%	0.0% #C7BBCC	RGB 199 187 204	#C7BBCC
16.7%	16.7% #B9ABC0	RGB 185 171 192	#B9ABC0
33.3%	33.3% #AB9BB4	RGB 171 155 180	#AB9BB4
50.0%	50.0% #9E8DA9	RGB 158 141 169	#9E8DA9
66.7%	66.7% #907F9D	RGB 144 127 157	#907F9D
83.3%	83.3% #837191	RGB 131 113 145	#837191
100.0%	100.0% #766586	RGB 118 101 134	#766586

#C7BBCC #B9ABC0 #AB9BB4 #9E8DA9 #907F9D #837191 #766586

#C7BBCC - #9E8DA9 - #766586

Codici CSS

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

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