#EECEEC - #CE6BAD | 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 #EECEEC a #CE6BAD

#EECEEC #CE6BAD

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

#EECEEC - #CE6BAD | 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 #EECEEC come 0% e #CE6BAD come 100%.

0.0%	0.0% #EECEEC	RGB 238 206 236	#EECEEC
16.7%	16.7% #E8BDE1	RGB 232 189 225	#E8BDE1
33.3%	33.3% #E3ADD7	RGB 227 173 215	#E3ADD7
50.0%	50.0% #DE9CCC	RGB 222 156 204	#DE9CCC
66.7%	66.7% #D88CC2	RGB 216 140 194	#D88CC2
83.3%	83.3% #D37BB7	RGB 211 123 183	#D37BB7
100.0%	100.0% #CE6BAD	RGB 206 107 173	#CE6BAD

#EECEEC #E8BDE1 #E3ADD7 #DE9CCC #D88CC2 #D37BB7 #CE6BAD

#EECEEC - #CE6BAD

Miscela HSV

#EECEEC - #CE6BAD | 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 #EECEEC come 0% e #CE6BAD come 100%.

0.0%	0.0% #EECEEC	RGB 238 206 236	#EECEEC
16.7%	16.7% #E8BBE3	RGB 232 187 227	#E8BBE3
33.3%	33.3% #E3AADA	RGB 227 170 218	#E3AADA
50.0%	50.0% #DE99D0	RGB 222 153 208	#DE99D0
66.7%	66.7% #D889C5	RGB 216 137 197	#D889C5
83.3%	83.3% #D379B9	RGB 211 121 185	#D379B9
100.0%	100.0% #CE6BAD	RGB 206 107 173	#CE6BAD

#EECEEC #E8BBE3 #E3AADA #DE99D0 #D889C5 #D379B9 #CE6BAD

#EECEEC - #DE99D0 - #CE6BAD

Codici CSS

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

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