#CA65A1 - #EFD3E4 | 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 #CA65A1 a #EFD3E4

#CA65A1 #EFD3E4

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

#CA65A1 - #EFD3E4 | 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 #CA65A1 come 0% e #EFD3E4 come 100%.

0.0%	0.0% #CA65A1	RGB 202 101 161	#CA65A1
16.7%	16.7% #D077AC	RGB 208 119 172	#D077AC
33.3%	33.3% #D689B7	RGB 214 137 183	#D689B7
50.0%	50.0% #DC9CC2	RGB 220 156 194	#DC9CC2
66.7%	66.7% #E2AECD	RGB 226 174 205	#E2AECD
83.3%	83.3% #E8C0D8	RGB 232 192 216	#E8C0D8
100.0%	100.0% #EFD3E4	RGB 239 211 228	#EFD3E4

#CA65A1 #D077AC #D689B7 #DC9CC2 #E2AECD #E8C0D8 #EFD3E4

#CA65A1 - #EFD3E4

Miscela HSV

#CA65A1 - #EFD3E4 | 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 #CA65A1 come 0% e #EFD3E4 come 100%.

0.0%	0.0% #CA65A0	RGB 202 101 160	#CA65A0
16.7%	16.7% #D075AB	RGB 208 117 171	#D075AB
33.3%	33.3% #D686B6	RGB 214 134 182	#D686B6
50.0%	50.0% #DC98C1	RGB 220 152 193	#DC98C1
66.7%	66.7% #E2ABCC	RGB 226 171 204	#E2ABCC
83.3%	83.3% #E8BED8	RGB 232 190 216	#E8BED8
100.0%	100.0% #EFD3E4	RGB 239 211 228	#EFD3E4

#CA65A0 #D075AB #D686B6 #DC98C1 #E2ABCC #E8BED8 #EFD3E4

#CA65A1 - #DC98C1 - #EFD3E4

Codici CSS

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

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