#CC3EAF - #FDADD8 | 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 #CC3EAF a #FDADD8

#CC3EAF #FDADD8

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

#CC3EAF - #FDADD8 | 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 #CC3EAF come 0% e #FDADD8 come 100%.

0.0%	0.0% #CC3EAF	RGB 204 62 175	#CC3EAF
16.7%	16.7% #D450B5	RGB 212 80 181	#D450B5
33.3%	33.3% #DC63BC	RGB 220 99 188	#DC63BC
50.0%	50.0% #E475C3	RGB 228 117 195	#E475C3
66.7%	66.7% #EC88CA	RGB 236 136 202	#EC88CA
83.3%	83.3% #F49AD1	RGB 244 154 209	#F49AD1
100.0%	100.0% #FDADD8	RGB 253 173 216	#FDADD8

#CC3EAF #D450B5 #DC63BC #E475C3 #EC88CA #F49AD1 #FDADD8

#CC3EAF - #FDADD8

Miscela HSV

#CC3EAF - #FDADD8 | 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 #CC3EAF come 0% e #FDADD8 come 100%.

0.0%	0.0% #CC3EAF	RGB 204 62 175	#CC3EAF
16.7%	16.7% #D44DB2	RGB 212 77 178	#D44DB2
33.3%	33.3% #DC5EB7	RGB 220 94 183	#DC5EB7
50.0%	50.0% #E470BD	RGB 228 112 189	#E470BD
66.7%	66.7% #EC83C5	RGB 236 131 197	#EC83C5
83.3%	83.3% #F497CD	RGB 244 151 205	#F497CD
100.0%	100.0% #FDADD8	RGB 253 173 216	#FDADD8

#CC3EAF #D44DB2 #DC5EB7 #E470BD #EC83C5 #F497CD #FDADD8

#CC3EAF - #E470BD - #FDADD8

Codici CSS

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

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