#564653 - #CF937F | 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 #564653 à #CF937F

#564653 #CF937F

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

#564653 - #CF937F | 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 #564653 0% et #CF937F 100%.

0.0%	0.0% #564653	RVB 86 70 83	#564653
16.7%	16.7% #6A525A	RVB 106 82 90	#6A525A
33.3%	33.3% #7E5F61	RVB 126 95 97	#7E5F61
50.0%	50.0% #926C69	RVB 146 108 105	#926C69
66.7%	66.7% #A67970	RVB 166 121 112	#A67970
83.3%	83.3% #BA8677	RVB 186 134 119	#BA8677
100.0%	100.0% #CF937F	RVB 207 147 127	#CF937F

#564653 #6A525A #7E5F61 #926C69 #A67970 #BA8677 #CF937F

#564653 - #CF937F

Mélange HSV

#564653 - #CF937F | 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 #564653 0% et #CF937F 100%.

0.0%	0.0% #564653	RVB 86 70 83	#564653
16.7%	16.7% #6A5261	RVB 106 82 97	#6A5261
33.3%	33.3% #7E5E6D	RVB 126 94 109	#7E5E6D
50.0%	50.0% #926874	RVB 146 104 116	#926874
66.7%	66.7% #A67176	RVB 166 113 118	#A67176
83.3%	83.3% #BA7D78	RVB 186 125 120	#BA7D78
100.0%	100.0% #CF937F	RVB 207 147 127	#CF937F

#564653 #6A5261 #7E5E6D #926874 #A67176 #BA7D78 #CF937F

#564653 - #926874 - #CF937F

Codes CSS

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

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