#C7BAC2 - #EDCDEB | 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 #C7BAC2 a #EDCDEB

#C7BAC2 #EDCDEB

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

#C7BAC2 - #EDCDEB | 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 #C7BAC2 come 0% e #EDCDEB come 100%.

0.0%	0.0% #C7BAC2	RGB 199 186 194	#C7BAC2
16.7%	16.7% #CDBDC8	RGB 205 189 200	#CDBDC8
33.3%	33.3% #D3C0CF	RGB 211 192 207	#D3C0CF
50.0%	50.0% #DAC3D6	RGB 218 195 214	#DAC3D6
66.7%	66.7% #E0C6DD	RGB 224 198 221	#E0C6DD
83.3%	83.3% #E6C9E4	RGB 230 201 228	#E6C9E4
100.0%	100.0% #EDCDEB	RGB 237 205 235	#EDCDEB

#C7BAC2 #CDBDC8 #D3C0CF #DAC3D6 #E0C6DD #E6C9E4 #EDCDEB

#C7BAC2 - #EDCDEB

Miscela HSV

#C7BAC2 - #EDCDEB | 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 #C7BAC2 come 0% e #EDCDEB come 100%.

0.0%	0.0% #C7BAC2	RGB 199 186 194	#C7BAC2
16.7%	16.7% #CDBDC8	RGB 205 189 200	#CDBDC8
33.3%	33.3% #D3C0CE	RGB 211 192 206	#D3C0CE
50.0%	50.0% #DAC4D5	RGB 218 196 213	#DAC4D5
66.7%	66.7% #E0C7DC	RGB 224 199 220	#E0C7DC
83.3%	83.3% #E6CAE3	RGB 230 202 227	#E6CAE3
100.0%	100.0% #EDCDEB	RGB 237 205 235	#EDCDEB

#C7BAC2 #CDBDC8 #D3C0CE #DAC4D5 #E0C7DC #E6CAE3 #EDCDEB

#C7BAC2 - #DAC4D5 - #EDCDEB

Codici CSS

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

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