#C148C2 - #FFABCB | 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 #C148C2 a #FFABCB

#C148C2 #FFABCB

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

#C148C2 - #FFABCB | 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 #C148C2 come 0% e #FFABCB come 100%.

0.0%	0.0% #C148C2	RGB 193 72 194	#C148C2
16.7%	16.7% #CB58C3	RGB 203 88 195	#CB58C3
33.3%	33.3% #D569C5	RGB 213 105 197	#D569C5
50.0%	50.0% #E079C6	RGB 224 121 198	#E079C6
66.7%	66.7% #EA8AC8	RGB 234 138 200	#EA8AC8
83.3%	83.3% #F49AC9	RGB 244 154 201	#F49AC9
100.0%	100.0% #FFABCB	RGB 255 171 203	#FFABCB

#C148C2 #CB58C3 #D569C5 #E079C6 #EA8AC8 #F49AC9 #FFABCB

#C148C2 - #FFABCB

Miscela HSV

#C148C2 - #FFABCB | 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 #C148C2 come 0% e #FFABCB come 100%.

0.0%	0.0% #C148C2	RGB 193 72 194	#C148C2
16.7%	16.7% #CC55C0	RGB 204 85 192	#CC55C0
33.3%	33.3% #D664BF	RGB 214 100 191	#D664BF
50.0%	50.0% #E074BF	RGB 224 116 191	#E074BF
66.7%	66.7% #EA85C1	RGB 234 133 193	#EA85C1
83.3%	83.3% #F497C5	RGB 244 151 197	#F497C5
100.0%	100.0% #FFABCB	RGB 255 171 203	#FFABCB

#C148C2 #CC55C0 #D664BF #E074BF #EA85C1 #F497C5 #FFABCB

#C148C2 - #E074BF - #FFABCB

Codici CSS

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

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