#C7B8C3 - #D5EAE2 | 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 #C7B8C3 a #D5EAE2

#C7B8C3 #D5EAE2

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

#C7B8C3 - #D5EAE2 | 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 #C7B8C3 come 0% e #D5EAE2 come 100%.

0.0%	0.0% #C7B8C3	RGB 199 184 195	#C7B8C3
16.7%	16.7% #C9C0C8	RGB 201 192 200	#C9C0C8
33.3%	33.3% #CBC8CD	RGB 203 200 205	#CBC8CD
50.0%	50.0% #CED1D2	RGB 206 209 210	#CED1D2
66.7%	66.7% #D0D9D7	RGB 208 217 215	#D0D9D7
83.3%	83.3% #D2E1DC	RGB 210 225 220	#D2E1DC
100.0%	100.0% #D5EAE2	RGB 213 234 226	#D5EAE2

#C7B8C3 #C9C0C8 #CBC8CD #CED1D2 #D0D9D7 #D2E1DC #D5EAE2

#C7B8C3 - #D5EAE2

Miscela HSV

#C7B8C3 - #D5EAE2 | 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 #C7B8C3 come 0% e #D5EAE2 come 100%.

0.0%	0.0% #C7B8C3	RGB 199 184 195	#C7B8C3
16.7%	16.7% #CABCCC	RGB 202 188 204	#CABCCC
33.3%	33.3% #C8C1D2	RGB 200 193 210	#C8C1D2
50.0%	50.0% #C6C7D8	RGB 198 199 216	#C6C7D8
66.7%	66.7% #CBD4DE	RGB 203 212 222	#CBD4DE
83.3%	83.3% #D0E2E4	RGB 208 226 228	#D0E2E4
100.0%	100.0% #D5EAE2	RGB 213 234 226	#D5EAE2

#C7B8C3 #CABCCC #C8C1D2 #C6C7D8 #CBD4DE #D0E2E4 #D5EAE2

#C7B8C3 - #C6C7D8 - #D5EAE2

Codici CSS

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

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