#C2BBCC - #EDEBF0 | 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 #C2BBCC a #EDEBF0

#C2BBCC #EDEBF0

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

#C2BBCC - #EDEBF0 | 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 #C2BBCC come 0% e #EDEBF0 come 100%.

0.0%	0.0% #C2BBCC	RGB 194 187 204	#C2BBCC
16.7%	16.7% #C9C3D2	RGB 201 195 210	#C9C3D2
33.3%	33.3% #D0CBD8	RGB 208 203 216	#D0CBD8
50.0%	50.0% #D7D3DE	RGB 215 211 222	#D7D3DE
66.7%	66.7% #DEDBE4	RGB 222 219 228	#DEDBE4
83.3%	83.3% #E5E3EA	RGB 229 227 234	#E5E3EA
100.0%	100.0% #EDEBF0	RGB 237 235 240	#EDEBF0

#C2BBCC #C9C3D2 #D0CBD8 #D7D3DE #DEDBE4 #E5E3EA #EDEBF0

#C2BBCC - #EDEBF0

Miscela HSV

#C2BBCC - #EDEBF0 | 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 #C2BBCC come 0% e #EDEBF0 come 100%.

0.0%	0.0% #C2BBCC	RGB 194 187 204	#C2BBCC
16.7%	16.7% #C8C2D2	RGB 200 194 210	#C8C2D2
33.3%	33.3% #D0CAD8	RGB 208 202 216	#D0CAD8
50.0%	50.0% #D7D2DE	RGB 215 210 222	#D7D2DE
66.7%	66.7% #DEDAE4	RGB 222 218 228	#DEDAE4
83.3%	83.3% #E5E2EA	RGB 229 226 234	#E5E2EA
100.0%	100.0% #EDEBF0	RGB 237 235 240	#EDEBF0

#C2BBCC #C8C2D2 #D0CAD8 #D7D2DE #DEDAE4 #E5E2EA #EDEBF0

#C2BBCC - #D7D2DE - #EDEBF0

Codici CSS

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

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