#CFB5E7 - #954ABC | 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 #CFB5E7 a #954ABC

#CFB5E7 #954ABC

Calcola il colore tra due colori, #CFB5E7 e #954ABC. 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)

#CFB5E7 - #954ABC | 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 #CFB5E7 come 0% e #954ABC come 100%.

0.0%	0.0% #CFB5E7	RGB 207 181 231	#CFB5E7
16.7%	16.7% #C5A3DF	RGB 197 163 223	#C5A3DF
33.3%	33.3% #BB91D8	RGB 187 145 216	#BB91D8
50.0%	50.0% #B27FD1	RGB 178 127 209	#B27FD1
66.7%	66.7% #A86DCA	RGB 168 109 202	#A86DCA
83.3%	83.3% #9E5BC3	RGB 158 91 195	#9E5BC3
100.0%	100.0% #954ABC	RGB 149 74 188	#954ABC

#CFB5E7 #C5A3DF #BB91D8 #B27FD1 #A86DCA #9E5BC3 #954ABC

#CFB5E7 - #954ABC

Miscela HSV

#CFB5E7 - #954ABC | 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 #CFB5E7 come 0% e #954ABC come 100%.

0.0%	0.0% #CFB5E7	RGB 207 181 231	#CFB5E7
16.7%	16.7% #C3A0DF	RGB 195 160 223	#C3A0DF
33.3%	33.3% #B88DD8	RGB 184 141 216	#B88DD8
50.0%	50.0% #AE7BD1	RGB 174 123 209	#AE7BD1
66.7%	66.7% #A469CA	RGB 164 105 202	#A469CA
83.3%	83.3% #9C59C3	RGB 156 89 195	#9C59C3
100.0%	100.0% #954ABC	RGB 149 74 188	#954ABC

#CFB5E7 #C3A0DF #B88DD8 #AE7BD1 #A469CA #9C59C3 #954ABC

#CFB5E7 - #AE7BD1 - #954ABC

Codici CSS

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

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