#C9234B - #EFC0CB | 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 #C9234B a #EFC0CB

#C9234B #EFC0CB

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

#C9234B - #EFC0CB | 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 #C9234B come 0% e #EFC0CB come 100%.

0.0%	0.0% #C9234B	RGB 201 35 75	#C9234B
16.7%	16.7% #CF3D60	RGB 207 61 96	#CF3D60
33.3%	33.3% #D55775	RGB 213 87 117	#D55775
50.0%	50.0% #DC718B	RGB 220 113 139	#DC718B
66.7%	66.7% #E28BA0	RGB 226 139 160	#E28BA0
83.3%	83.3% #E8A5B5	RGB 232 165 181	#E8A5B5
100.0%	100.0% #EFC0CB	RGB 239 192 203	#EFC0CB

#C9234B #CF3D60 #D55775 #DC718B #E28BA0 #E8A5B5 #EFC0CB

#C9234B - #EFC0CB

Miscela HSV

#C9234B - #EFC0CB | 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 #C9234B come 0% e #EFC0CB come 100%.

0.0%	0.0% #C9234B	RGB 201 35 75	#C9234B
16.7%	16.7% #CF395D	RGB 207 57 93	#CF395D
33.3%	33.3% #D55271	RGB 213 82 113	#D55271
50.0%	50.0% #DC6B86	RGB 220 107 134	#DC6B86
66.7%	66.7% #E2869C	RGB 226 134 156	#E2869C
83.3%	83.3% #E8A2B3	RGB 232 162 179	#E8A2B3
100.0%	100.0% #EFC0CB	RGB 239 192 203	#EFC0CB

#C9234B #CF395D #D55271 #DC6B86 #E2869C #E8A2B3 #EFC0CB

#C9234B - #DC6B86 - #EFC0CB

Codici CSS

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

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