#CFA5E5 - #A23EB9 | 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 #CFA5E5 a #A23EB9

#CFA5E5 #A23EB9

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

#CFA5E5 - #A23EB9 | 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 #CFA5E5 come 0% e #A23EB9 come 100%.

0.0%	0.0% #CFA5E5	RGB 207 165 229	#CFA5E5
16.7%	16.7% #C793DD	RGB 199 147 221	#C793DD
33.3%	33.3% #C082D6	RGB 192 130 214	#C082D6
50.0%	50.0% #B871CF	RGB 184 113 207	#B871CF
66.7%	66.7% #B160C7	RGB 177 96 199	#B160C7
83.3%	83.3% #A94FC0	RGB 169 79 192	#A94FC0
100.0%	100.0% #A23EB9	RGB 162 62 185	#A23EB9

#CFA5E5 #C793DD #C082D6 #B871CF #B160C7 #A94FC0 #A23EB9

#CFA5E5 - #A23EB9

Miscela HSV

#CFA5E5 - #A23EB9 | 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 #CFA5E5 come 0% e #A23EB9 come 100%.

0.0%	0.0% #CFA5E5	RGB 207 165 229	#CFA5E5
16.7%	16.7% #C591DD	RGB 197 145 221	#C591DD
33.3%	33.3% #BC7ED6	RGB 188 126 214	#BC7ED6
50.0%	50.0% #B56DCF	RGB 181 109 207	#B56DCF
66.7%	66.7% #AE5CC7	RGB 174 92 199	#AE5CC7
83.3%	83.3% #A74CC0	RGB 167 76 192	#A74CC0
100.0%	100.0% #A23EB9	RGB 162 62 185	#A23EB9

#CFA5E5 #C591DD #BC7ED6 #B56DCF #AE5CC7 #A74CC0 #A23EB9

#CFA5E5 - #B56DCF - #A23EB9

Codici CSS

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

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