#C8C7DF - #8368A0 | 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 #C8C7DF a #8368A0

#C8C7DF #8368A0

Calcola il colore tra due colori, #C8C7DF e #8368A0. 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)

#C8C7DF - #8368A0 | 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 #C8C7DF come 0% e #8368A0 come 100%.

0.0%	0.0% #C8C7DF	RGB 200 199 223	#C8C7DF
16.7%	16.7% #BCB7D4	RGB 188 183 212	#BCB7D4
33.3%	33.3% #B1A7CA	RGB 177 167 202	#B1A7CA
50.0%	50.0% #A597BF	RGB 165 151 191	#A597BF
66.7%	66.7% #9A87B5	RGB 154 135 181	#9A87B5
83.3%	83.3% #8E77AA	RGB 142 119 170	#8E77AA
100.0%	100.0% #8368A0	RGB 131 104 160	#8368A0

#C8C7DF #BCB7D4 #B1A7CA #A597BF #9A87B5 #8E77AA #8368A0

#C8C7DF - #8368A0

Miscela HSV

#C8C7DF - #8368A0 | 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 #C8C7DF come 0% e #8368A0 come 100%.

0.0%	0.0% #C8C7DF	RGB 200 199 223	#C8C7DF
16.7%	16.7% #B8B5D4	RGB 184 181 212	#B8B5D4
33.3%	33.3% #ABA3CA	RGB 171 163 202	#ABA3CA
50.0%	50.0% #9F93BF	RGB 159 147 191	#9F93BF
66.7%	66.7% #9484B5	RGB 148 132 181	#9484B5
83.3%	83.3% #8B75AA	RGB 139 117 170	#8B75AA
100.0%	100.0% #8368A0	RGB 131 104 160	#8368A0

#C8C7DF #B8B5D4 #ABA3CA #9F93BF #9484B5 #8B75AA #8368A0

#C8C7DF - #9F93BF - #8368A0

Codici CSS

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

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