#52523B - #CDCDC7 | 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 #52523B à #CDCDC7

#52523B #CDCDC7

Calculez la couleur entre deux couleurs, #52523B et #CDCDC7. 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)

#52523B - #CDCDC7 | 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 #52523B 0% et #CDCDC7 100%.

0.0%	0.0% #52523B	RVB 82 82 59	#52523B
16.7%	16.7% #666652	RVB 102 102 82	#666652
33.3%	33.3% #7B7B69	RVB 123 123 105	#7B7B69
50.0%	50.0% #8F8F81	RVB 143 143 129	#8F8F81
66.7%	66.7% #A4A498	RVB 164 164 152	#A4A498
83.3%	83.3% #B8B8AF	RVB 184 184 175	#B8B8AF
100.0%	100.0% #CDCDC7	RVB 205 205 199	#CDCDC7

#52523B #666652 #7B7B69 #8F8F81 #A4A498 #B8B8AF #CDCDC7

#52523B - #CDCDC7

Mélange HSV

#52523B - #CDCDC7 | 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 #52523B 0% et #CDCDC7 100%.

0.0%	0.0% #52523B	RVB 82 82 59	#52523B
16.7%	16.7% #66664E	RVB 102 102 78	#66664E
33.3%	33.3% #7B7B62	RVB 123 123 98	#7B7B62
50.0%	50.0% #8F8F79	RVB 143 143 121	#8F8F79
66.7%	66.7% #A4A491	RVB 164 164 145	#A4A491
83.3%	83.3% #B8B8AB	RVB 184 184 171	#B8B8AB
100.0%	100.0% #CDCDC7	RVB 205 205 199	#CDCDC7

#52523B #66664E #7B7B62 #8F8F79 #A4A491 #B8B8AB #CDCDC7

#52523B - #8F8F79 - #CDCDC7

Codes CSS

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

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