#C063C7 - #FFBECB | 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 #C063C7 a #FFBECB

#C063C7 #FFBECB

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

#C063C7 - #FFBECB | 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 #C063C7 come 0% e #FFBECB come 100%.

0.0%	0.0% #C063C7	RGB 192 99 199	#C063C7
16.7%	16.7% #CA72C7	RGB 202 114 199	#CA72C7
33.3%	33.3% #D581C8	RGB 213 129 200	#D581C8
50.0%	50.0% #DF90C9	RGB 223 144 201	#DF90C9
66.7%	66.7% #EA9FC9	RGB 234 159 201	#EA9FC9
83.3%	83.3% #F4AECA	RGB 244 174 202	#F4AECA
100.0%	100.0% #FFBECB	RGB 255 190 203	#FFBECB

#C063C7 #CA72C7 #D581C8 #DF90C9 #EA9FC9 #F4AECA #FFBECB

#C063C7 - #FFBECB

Miscela HSV

#C063C7 - #FFBECB | 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 #C063C7 come 0% e #FFBECB come 100%.

0.0%	0.0% #C063C7	RGB 192 99 199	#C063C7
16.7%	16.7% #D070C9	RGB 208 112 201	#D070C9
33.3%	33.3% #D97EC5	RGB 217 126 197	#D97EC5
50.0%	50.0% #E38DC3	RGB 227 141 195	#E38DC3
66.7%	66.7% #EC9CC3	RGB 236 156 195	#EC9CC3
83.3%	83.3% #F5ACC6	RGB 245 172 198	#F5ACC6
100.0%	100.0% #FFBECB	RGB 255 190 203	#FFBECB

#C063C7 #D070C9 #D97EC5 #E38DC3 #EC9CC3 #F5ACC6 #FFBECB

#C063C7 - #E38DC3 - #FFBECB

Codici CSS

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

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