#C54DBB - #EECCEB | 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 #C54DBB a #EECCEB

#C54DBB #EECCEB

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

#C54DBB - #EECCEB | 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 #C54DBB come 0% e #EECCEB come 100%.

0.0%	0.0% #C54DBB	RGB 197 77 187	#C54DBB
16.7%	16.7% #CB62C3	RGB 203 98 195	#CB62C3
33.3%	33.3% #D277CB	RGB 210 119 203	#D277CB
50.0%	50.0% #D98CD3	RGB 217 140 211	#D98CD3
66.7%	66.7% #E0A1DB	RGB 224 161 219	#E0A1DB
83.3%	83.3% #E7B6E3	RGB 231 182 227	#E7B6E3
100.0%	100.0% #EECCEB	RGB 238 204 235	#EECCEB

#C54DBB #CB62C3 #D277CB #D98CD3 #E0A1DB #E7B6E3 #EECCEB

#C54DBB - #EECCEB

Miscela HSV

#C54DBB - #EECCEB | 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 #C54DBB come 0% e #EECCEB come 100%.

0.0%	0.0% #C54DBA	RGB 197 77 186	#C54DBA
16.7%	16.7% #CB5FC2	RGB 203 95 194	#CB5FC2
33.3%	33.3% #D273CA	RGB 210 115 202	#D273CA
50.0%	50.0% #D987D2	RGB 217 135 210	#D987D2
66.7%	66.7% #E09DDA	RGB 224 157 218	#E09DDA
83.3%	83.3% #E7B4E2	RGB 231 180 226	#E7B4E2
100.0%	100.0% #EECCEB	RGB 238 204 235	#EECCEB

#C54DBA #CB5FC2 #D273CA #D987D2 #E09DDA #E7B4E2 #EECCEB

#C54DBB - #D987D2 - #EECCEB

Codici CSS

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

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