#565346 - #CECCCA | 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 #565346 à #CECCCA

#565346 #CECCCA

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

#565346 - #CECCCA | 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 #565346 0% et #CECCCA 100%.

0.0%	0.0% #565346	RVB 86 83 70	#565346
16.7%	16.7% #6A675C	RVB 106 103 92	#6A675C
33.3%	33.3% #7E7B72	RVB 126 123 114	#7E7B72
50.0%	50.0% #928F88	RVB 146 143 136	#928F88
66.7%	66.7% #A6A39E	RVB 166 163 158	#A6A39E
83.3%	83.3% #BAB7B4	RVB 186 183 180	#BAB7B4
100.0%	100.0% #CECCCA	RVB 206 204 202	#CECCCA

#565346 #6A675C #7E7B72 #928F88 #A6A39E #BAB7B4 #CECCCA

#565346 - #CECCCA

Mélange HSV

#565346 - #CECCCA | 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 #565346 0% et #CECCCA 100%.

0.0%	0.0% #565346	RVB 86 83 70	#565346
16.7%	16.7% #6A6559	RVB 106 101 89	#6A6559
33.3%	33.3% #7E796D	RVB 126 121 109	#7E796D
50.0%	50.0% #928C83	RVB 146 140 131	#928C83
66.7%	66.7% #A6A199	RVB 166 161 153	#A6A199
83.3%	83.3% #BAB6B1	RVB 186 182 177	#BAB6B1
100.0%	100.0% #CECCCA	RVB 206 204 202	#CECCCA

#565346 #6A6559 #7E796D #928C83 #A6A199 #BAB6B1 #CECCCA

#565346 - #928C83 - #CECCCA

Codes CSS

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

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