#525249 - #CDCDCB | 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 #525249 à #CDCDCB

#525249 #CDCDCB

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

#525249 - #CDCDCB | 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 #525249 0% et #CDCDCB 100%.

0.0%	0.0% #525249	RVB 82 82 73	#525249
16.7%	16.7% #66665E	RVB 102 102 94	#66665E
33.3%	33.3% #7B7B74	RVB 123 123 116	#7B7B74
50.0%	50.0% #8F8F8A	RVB 143 143 138	#8F8F8A
66.7%	66.7% #A4A49F	RVB 164 164 159	#A4A49F
83.3%	83.3% #B8B8B5	RVB 184 184 181	#B8B8B5
100.0%	100.0% #CDCDCB	RVB 205 205 203	#CDCDCB

#525249 #66665E #7B7B74 #8F8F8A #A4A49F #B8B8B5 #CDCDCB

#525249 - #CDCDCB

Mélange HSV

#525249 - #CDCDCB | 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 #525249 0% et #CDCDCB 100%.

0.0%	0.0% #525249	RVB 82 82 73	#525249
16.7%	16.7% #66665C	RVB 102 102 92	#66665C
33.3%	33.3% #7B7B71	RVB 123 123 113	#7B7B71
50.0%	50.0% #8F8F86	RVB 143 143 134	#8F8F86
66.7%	66.7% #A4A49C	RVB 164 164 156	#A4A49C
83.3%	83.3% #B8B8B3	RVB 184 184 179	#B8B8B3
100.0%	100.0% #CDCDCB	RVB 205 205 203	#CDCDCB

#525249 #66665C #7B7B71 #8F8F86 #A4A49C #B8B8B3 #CDCDCB

#525249 - #8F8F86 - #CDCDCB

Codes CSS

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

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