#5E5E67 - #B69C83 | 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 #5E5E67 à #B69C83

#5E5E67 #B69C83

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

#5E5E67 - #B69C83 | 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 #5E5E67 0% et #B69C83 100%.

0.0%	0.0% #5E5E67	RVB 94 94 103	#5E5E67
16.7%	16.7% #6C686B	RVB 108 104 107	#6C686B
33.3%	33.3% #7B7270	RVB 123 114 112	#7B7270
50.0%	50.0% #8A7D75	RVB 138 125 117	#8A7D75
66.7%	66.7% #988779	RVB 152 135 121	#988779
83.3%	83.3% #A7917E	RVB 167 145 126	#A7917E
100.0%	100.0% #B69C83	RVB 182 156 131	#B69C83

#5E5E67 #6C686B #7B7270 #8A7D75 #988779 #A7917E #B69C83

#5E5E67 - #B69C83

Mélange HSV

#5E5E67 - #B69C83 | 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 #5E5E67 0% et #B69C83 100%.

0.0%	0.0% #5E5E67	RVB 94 94 103	#5E5E67
16.7%	16.7% #6C6674	RVB 108 102 116	#6C6674
33.3%	33.3% #7E6D81	RVB 126 109 129	#7E6D81
50.0%	50.0% #8E7488	RVB 142 116 136	#8E7488
66.7%	66.7% #9B7A85	RVB 155 122 133	#9B7A85
83.3%	83.3% #A8827E	RVB 168 130 126	#A8827E
100.0%	100.0% #B69C83	RVB 182 156 131	#B69C83

#5E5E67 #6C6674 #7E6D81 #8E7488 #9B7A85 #A8827E #B69C83

#5E5E67 - #8E7488 - #B69C83

Codes CSS

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

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