#C0B2D9 - #D4D8D9 | 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 #C0B2D9 a #D4D8D9

#C0B2D9 #D4D8D9

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

#C0B2D9 - #D4D8D9 | 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 #C0B2D9 come 0% e #D4D8D9 come 100%.

0.0%	0.0% #C0B2D9	RGB 192 178 217	#C0B2D9
16.7%	16.7% #C3B8D9	RGB 195 184 217	#C3B8D9
33.3%	33.3% #C6BED9	RGB 198 190 217	#C6BED9
50.0%	50.0% #CAC5D9	RGB 202 197 217	#CAC5D9
66.7%	66.7% #CDCBD9	RGB 205 203 217	#CDCBD9
83.3%	83.3% #D0D1D9	RGB 208 209 217	#D0D1D9
100.0%	100.0% #D4D8D9	RGB 212 216 217	#D4D8D9

#C0B2D9 #C3B8D9 #C6BED9 #CAC5D9 #CDCBD9 #D0D1D9 #D4D8D9

#C0B2D9 - #D4D8D9

Miscela HSV

#C0B2D9 - #D4D8D9 | 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 #C0B2D9 come 0% e #D4D8D9 come 100%.

0.0%	0.0% #C0B2D9	RGB 192 178 217	#C0B2D9
16.7%	16.7% #BDB7D9	RGB 189 183 217	#BDB7D9
33.3%	33.3% #BDBED9	RGB 189 190 217	#BDBED9
50.0%	50.0% #C3C7D9	RGB 195 199 217	#C3C7D9
66.7%	66.7% #C8CFD9	RGB 200 207 217	#C8CFD9
83.3%	83.3% #CED4D9	RGB 206 212 217	#CED4D9
100.0%	100.0% #D4D8D9	RGB 212 216 217	#D4D8D9

#C0B2D9 #BDB7D9 #BDBED9 #C3C7D9 #C8CFD9 #CED4D9 #D4D8D9

#C0B2D9 - #C3C7D9 - #D4D8D9

Codici CSS

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

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