#CAB7E2 - #EFEAF6 | 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 #CAB7E2 a #EFEAF6

#CAB7E2 #EFEAF6

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

#CAB7E2 - #EFEAF6 | 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 #CAB7E2 come 0% e #EFEAF6 come 100%.

0.0%	0.0% #CAB7E2	RGB 202 183 226	#CAB7E2
16.7%	16.7% #D0BFE5	RGB 208 191 229	#D0BFE5
33.3%	33.3% #D6C8E8	RGB 214 200 232	#D6C8E8
50.0%	50.0% #DCD0EC	RGB 220 208 236	#DCD0EC
66.7%	66.7% #E2D9EF	RGB 226 217 239	#E2D9EF
83.3%	83.3% #E8E1F2	RGB 232 225 242	#E8E1F2
100.0%	100.0% #EFEAF6	RGB 239 234 246	#EFEAF6

#CAB7E2 #D0BFE5 #D6C8E8 #DCD0EC #E2D9EF #E8E1F2 #EFEAF6

#CAB7E2 - #EFEAF6

Miscela HSV

#CAB7E2 - #EFEAF6 | 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 #CAB7E2 come 0% e #EFEAF6 come 100%.

0.0%	0.0% #CAB7E2	RGB 202 183 226	#CAB7E2
16.7%	16.7% #CFBFE5	RGB 207 191 229	#CFBFE5
33.3%	33.3% #D5C7E8	RGB 213 199 232	#D5C7E8
50.0%	50.0% #DBCFEC	RGB 219 207 236	#DBCFEC
66.7%	66.7% #E2D8EF	RGB 226 216 239	#E2D8EF
83.3%	83.3% #E8E1F2	RGB 232 225 242	#E8E1F2
100.0%	100.0% #EFEAF6	RGB 239 234 246	#EFEAF6

#CAB7E2 #CFBFE5 #D5C7E8 #DBCFEC #E2D8EF #E8E1F2 #EFEAF6

#CAB7E2 - #DBCFEC - #EFEAF6

Codici CSS

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

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