#C92D42 - #EFC3C9 | 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 #C92D42 a #EFC3C9

#C92D42 #EFC3C9

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

#C92D42 - #EFC3C9 | 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 #C92D42 come 0% e #EFC3C9 come 100%.

0.0%	0.0% #C92D42	RGB 201 45 66	#C92D42
16.7%	16.7% #CF4658	RGB 207 70 88	#CF4658
33.3%	33.3% #D55F6F	RGB 213 95 111	#D55F6F
50.0%	50.0% #DC7885	RGB 220 120 133	#DC7885
66.7%	66.7% #E2919C	RGB 226 145 156	#E2919C
83.3%	83.3% #E8AAB2	RGB 232 170 178	#E8AAB2
100.0%	100.0% #EFC3C9	RGB 239 195 201	#EFC3C9

#C92D42 #CF4658 #D55F6F #DC7885 #E2919C #E8AAB2 #EFC3C9

#C92D42 - #EFC3C9

Miscela HSV

#C92D42 - #EFC3C9 | 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 #C92D42 come 0% e #EFC3C9 come 100%.

0.0%	0.0% #C92D42	RGB 201 45 66	#C92D42
16.7%	16.7% #CF4255	RGB 207 66 85	#CF4255
33.3%	33.3% #D55A6A	RGB 213 90 106	#D55A6A
50.0%	50.0% #DC7280	RGB 220 114 128	#DC7280
66.7%	66.7% #E28C97	RGB 226 140 151	#E28C97
83.3%	83.3% #E8A6AF	RGB 232 166 175	#E8A6AF
100.0%	100.0% #EFC3C9	RGB 239 195 201	#EFC3C9

#C92D42 #CF4255 #D55A6A #DC7280 #E28C97 #E8A6AF #EFC3C9

#C92D42 - #DC7280 - #EFC3C9

Codici CSS

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

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