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

#CECECA #A2967A

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

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

0.0%	0.0% #CECECA	RVB 206 206 202	#CECECA
16.7%	16.7% #C6C4BC	RVB 198 196 188	#C6C4BC
33.3%	33.3% #BFBBAF	RVB 191 187 175	#BFBBAF
50.0%	50.0% #B8B2A2	RVB 184 178 162	#B8B2A2
66.7%	66.7% #B0A894	RVB 176 168 148	#B0A894
83.3%	83.3% #A99F87	RVB 169 159 135	#A99F87
100.0%	100.0% #A2967A	RVB 162 150 122	#A2967A

#CECECA #C6C4BC #BFBBAF #B8B2A2 #B0A894 #A99F87 #A2967A

#CECECA - #A2967A

Mélange HSV

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

0.0%	0.0% #CECECA	RVB 206 206 202	#CECECA
16.7%	16.7% #C6C6BB	RVB 198 198 187	#C6C6BB
33.3%	33.3% #BFBDAD	RVB 191 189 173	#BFBDAD
50.0%	50.0% #B8B49F	RVB 184 180 159	#B8B49F
66.7%	66.7% #B0AA92	RVB 176 170 146	#B0AA92
83.3%	83.3% #A9A085	RVB 169 160 133	#A9A085
100.0%	100.0% #A2967A	RVB 162 150 122	#A2967A

#CECECA #C6C6BB #BFBDAD #B8B49F #B0AA92 #A9A085 #A2967A

#CECECA - #B8B49F - #A2967A

Codes CSS

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

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