#C92D4F - #66041B | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #C92D4F à #66041B

#C92D4F #66041B

Calculez la couleur entre deux couleurs, #C92D4F et #66041B. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#C92D4F - #66041B | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #C92D4F 0% et #66041B 100%.

0.0%	0.0% #C92D4F	RVB 201 45 79	#C92D4F
16.7%	16.7% #B82646	RVB 184 38 70	#B82646
33.3%	33.3% #A81F3D	RVB 168 31 61	#A81F3D
50.0%	50.0% #971835	RVB 151 24 53	#971835
66.7%	66.7% #87112C	RVB 135 17 44	#87112C
83.3%	83.3% #760A23	RVB 118 10 35	#760A23
100.0%	100.0% #66041B	RVB 102 4 27	#66041B

#C92D4F #B82646 #A81F3D #971835 #87112C #760A23 #66041B

#C92D4F - #66041B

Mélange HSV

#C92D4F - #66041B | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #C92D4F 0% et #66041B 100%.

0.0%	0.0% #C92D4F	RVB 201 45 79	#C92D4F
16.7%	16.7% #B82344	RVB 184 35 68	#B82344
33.3%	33.3% #A81B3A	RVB 168 27 58	#A81B3A
50.0%	50.0% #971331	RVB 151 19 49	#971331
66.7%	66.7% #870D29	RVB 135 13 41	#870D29
83.3%	83.3% #760821	RVB 118 8 33	#760821
100.0%	100.0% #66041B	RVB 102 4 27	#66041B

#C92D4F #B82344 #A81B3A #971331 #870D29 #760821 #66041B

#C92D4F - #971331 - #66041B

Codes CSS

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

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