#5E3E5A - #CF8B85 | 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 #5E3E5A à #CF8B85

#5E3E5A #CF8B85

Calculez la couleur entre deux couleurs, #5E3E5A et #CF8B85. 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)

#5E3E5A - #CF8B85 | 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 #5E3E5A 0% et #CF8B85 100%.

0.0%	0.0% #5E3E5A	RVB 94 62 90	#5E3E5A
16.7%	16.7% #704A61	RVB 112 74 97	#704A61
33.3%	33.3% #835768	RVB 131 87 104	#835768
50.0%	50.0% #96646F	RVB 150 100 111	#96646F
66.7%	66.7% #A97176	RVB 169 113 118	#A97176
83.3%	83.3% #BC7E7D	RVB 188 126 125	#BC7E7D
100.0%	100.0% #CF8B85	RVB 207 139 133	#CF8B85

#5E3E5A #704A61 #835768 #96646F #A97176 #BC7E7D #CF8B85

#5E3E5A - #CF8B85

Mélange HSV

#5E3E5A - #CF8B85 | 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 #5E3E5A 0% et #CF8B85 100%.

0.0%	0.0% #5E3E5A	RVB 94 62 90	#5E3E5A
16.7%	16.7% #704A65	RVB 112 74 101	#704A65
33.3%	33.3% #83566F	RVB 131 86 111	#83566F
50.0%	50.0% #966176	RVB 150 97 118	#966176
66.7%	66.7% #A96D7B	RVB 169 109 123	#A96D7B
83.3%	83.3% #BC797E	RVB 188 121 126	#BC797E
100.0%	100.0% #CF8B85	RVB 207 139 133	#CF8B85

#5E3E5A #704A65 #83566F #966176 #A96D7B #BC797E #CF8B85

#5E3E5A - #966176 - #CF8B85

Codes CSS

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

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