#CBC2D3 - #7E6A8F | 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 #CBC2D3 a #7E6A8F

#CBC2D3 #7E6A8F

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

#CBC2D3 - #7E6A8F | 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 #CBC2D3 come 0% e #7E6A8F come 100%.

0.0%	0.0% #CBC2D3	RGB 203 194 211	#CBC2D3
16.7%	16.7% #BEB3C7	RGB 190 179 199	#BEB3C7
33.3%	33.3% #B1A4BC	RGB 177 164 188	#B1A4BC
50.0%	50.0% #A496B1	RGB 164 150 177	#A496B1
66.7%	66.7% #9787A5	RGB 151 135 165	#9787A5
83.3%	83.3% #8A789A	RGB 138 120 154	#8A789A
100.0%	100.0% #7E6A8F	RGB 126 106 143	#7E6A8F

#CBC2D3 #BEB3C7 #B1A4BC #A496B1 #9787A5 #8A789A #7E6A8F

#CBC2D3 - #7E6A8F

Miscela HSV

#CBC2D3 - #7E6A8F | 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 #CBC2D3 come 0% e #7E6A8F come 100%.

0.0%	0.0% #CBC2D3	RGB 203 194 211	#CBC2D3
16.7%	16.7% #BDB1C7	RGB 189 177 199	#BDB1C7
33.3%	33.3% #B0A1BC	RGB 176 161 188	#B0A1BC
50.0%	50.0% #A392B1	RGB 163 146 177	#A392B1
66.7%	66.7% #9684A5	RGB 150 132 165	#9684A5
83.3%	83.3% #8A769A	RGB 138 118 154	#8A769A
100.0%	100.0% #7E6A8F	RGB 126 106 143	#7E6A8F

#CBC2D3 #BDB1C7 #B0A1BC #A392B1 #9684A5 #8A769A #7E6A8F

#CBC2D3 - #A392B1 - #7E6A8F

Codici CSS

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

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