#D45B5E - #3C191A | 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 #D45B5E à #3C191A

#D45B5E #3C191A

Calculez la couleur entre deux couleurs, #D45B5E et #3C191A. 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)

#D45B5E - #3C191A | 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 #D45B5E 0% et #3C191A 100%.

0.0%	0.0% #D45B5E	RVB 212 91 94	#D45B5E
16.7%	16.7% #BA5052	RVB 186 80 82	#BA5052
33.3%	33.3% #A14547	RVB 161 69 71	#A14547
50.0%	50.0% #883A3C	RVB 136 58 60	#883A3C
66.7%	66.7% #6E2F30	RVB 110 47 48	#6E2F30
83.3%	83.3% #552425	RVB 85 36 37	#552425
100.0%	100.0% #3C191A	RVB 60 25 26	#3C191A

#D45B5E #BA5052 #A14547 #883A3C #6E2F30 #552425 #3C191A

#D45B5E - #3C191A

Mélange HSV

#D45B5E - #3C191A | 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 #D45B5E 0% et #3C191A 100%.

0.0%	0.0% #D45A5D	RVB 212 90 93	#D45A5D
16.7%	16.7% #BA4F52	RVB 186 79 82	#BA4F52
33.3%	33.3% #A14446	RVB 161 68 70	#A14446
50.0%	50.0% #88393B	RVB 136 57 59	#88393B
66.7%	66.7% #6E2E30	RVB 110 46 48	#6E2E30
83.3%	83.3% #552325	RVB 85 35 37	#552325
100.0%	100.0% #3C191A	RVB 60 25 26	#3C191A

#D45A5D #BA4F52 #A14446 #88393B #6E2E30 #552325 #3C191A

#D45B5E - #88393B - #3C191A

Codes CSS

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

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