#545646 - #CECECA | 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 #545646 à #CECECA

#545646 #CECECA

Calculez la couleur entre deux couleurs, #545646 et #CECECA. 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)

#545646 - #CECECA | 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 #545646 0% et #CECECA 100%.

0.0%	0.0% #545646	RVB 84 86 70	#545646
16.7%	16.7% #686A5C	RVB 104 106 92	#686A5C
33.3%	33.3% #7C7E72	RVB 124 126 114	#7C7E72
50.0%	50.0% #919288	RVB 145 146 136	#919288
66.7%	66.7% #A5A69E	RVB 165 166 158	#A5A69E
83.3%	83.3% #B9BAB4	RVB 185 186 180	#B9BAB4
100.0%	100.0% #CECECA	RVB 206 206 202	#CECECA

#545646 #686A5C #7C7E72 #919288 #A5A69E #B9BAB4 #CECECA

#545646 - #CECECA

Mélange HSV

#545646 - #CECECA | 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 #545646 0% et #CECECA 100%.

0.0%	0.0% #545646	RVB 84 86 70	#545646
16.7%	16.7% #686A59	RVB 104 106 89	#686A59
33.3%	33.3% #7C7E6D	RVB 124 126 109	#7C7E6D
50.0%	50.0% #919283	RVB 145 146 131	#919283
66.7%	66.7% #A5A699	RVB 165 166 153	#A5A699
83.3%	83.3% #B9BAB1	RVB 185 186 177	#B9BAB1
100.0%	100.0% #CECECA	RVB 206 206 202	#CECECA

#545646 #686A59 #7C7E6D #919283 #A5A699 #B9BAB1 #CECECA

#545646 - #919283 - #CECECA

Codes CSS

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

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