#C33E8C - #FF9FAB | 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 #C33E8C a #FF9FAB

#C33E8C #FF9FAB

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

#C33E8C - #FF9FAB | 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 #C33E8C come 0% e #FF9FAB come 100%.

0.0%	0.0% #C33E8C	RGB 195 62 140	#C33E8C
16.7%	16.7% #CD4E91	RGB 205 78 145	#CD4E91
33.3%	33.3% #D75E96	RGB 215 94 150	#D75E96
50.0%	50.0% #E16E9B	RGB 225 110 155	#E16E9B
66.7%	66.7% #EB7EA0	RGB 235 126 160	#EB7EA0
83.3%	83.3% #F58EA5	RGB 245 142 165	#F58EA5
100.0%	100.0% #FF9FAB	RGB 255 159 171	#FF9FAB

#C33E8C #CD4E91 #D75E96 #E16E9B #EB7EA0 #F58EA5 #FF9FAB

#C33E8C - #FF9FAB

Miscela HSV

#C33E8C - #FF9FAB | 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 #C33E8C come 0% e #FF9FAB come 100%.

0.0%	0.0% #C33E8C	RGB 195 62 140	#C33E8C
16.7%	16.7% #CD4B8D	RGB 205 75 141	#CD4B8D
33.3%	33.3% #D75A90	RGB 215 90 144	#D75A90
50.0%	50.0% #E16994	RGB 225 105 148	#E16994
66.7%	66.7% #EB7A99	RGB 235 122 153	#EB7A99
83.3%	83.3% #F58CA1	RGB 245 140 161	#F58CA1
100.0%	100.0% #FF9FAB	RGB 255 159 171	#FF9FAB

#C33E8C #CD4B8D #D75A90 #E16994 #EB7A99 #F58CA1 #FF9FAB

#C33E8C - #E16994 - #FF9FAB

Codici CSS

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

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