#CCC3E2 - #8264A4 | 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 #CCC3E2 a #8264A4

#CCC3E2 #8264A4

Calcola il colore tra due colori, #CCC3E2 e #8264A4. 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)

#CCC3E2 - #8264A4 | 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 #CCC3E2 come 0% e #8264A4 come 100%.

0.0%	0.0% #CCC3E2	RGB 204 195 226	#CCC3E2
16.7%	16.7% #BFB3D7	RGB 191 179 215	#BFB3D7
33.3%	33.3% #B3A3CD	RGB 179 163 205	#B3A3CD
50.0%	50.0% #A793C3	RGB 167 147 195	#A793C3
66.7%	66.7% #9A83B8	RGB 154 131 184	#9A83B8
83.3%	83.3% #8E73AE	RGB 142 115 174	#8E73AE
100.0%	100.0% #8264A4	RGB 130 100 164	#8264A4

#CCC3E2 #BFB3D7 #B3A3CD #A793C3 #9A83B8 #8E73AE #8264A4

#CCC3E2 - #8264A4

Miscela HSV

#CCC3E2 - #8264A4 | 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 #CCC3E2 come 0% e #8264A4 come 100%.

0.0%	0.0% #CCC3E2	RGB 204 195 226	#CCC3E2
16.7%	16.7% #BDB0D7	RGB 189 176 215	#BDB0D7
33.3%	33.3% #AF9FCD	RGB 175 159 205	#AF9FCD
50.0%	50.0% #A38FC3	RGB 163 143 195	#A38FC3
66.7%	66.7% #9780B8	RGB 151 128 184	#9780B8
83.3%	83.3% #8C71AE	RGB 140 113 174	#8C71AE
100.0%	100.0% #8264A4	RGB 130 100 164	#8264A4

#CCC3E2 #BDB0D7 #AF9FCD #A38FC3 #9780B8 #8C71AE #8264A4

#CCC3E2 - #A38FC3 - #8264A4

Codici CSS

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

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