#7F8889 - #DCC4A8 | 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 #7F8889 à #DCC4A8

#7F8889 #DCC4A8

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

#7F8889 - #DCC4A8 | 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 #7F8889 0% et #DCC4A8 100%.

0.0%	0.0% #7F8889	RVB 127 136 137	#7F8889
16.7%	16.7% #8E928E	RVB 142 146 142	#8E928E
33.3%	33.3% #9E9C93	RVB 158 156 147	#9E9C93
50.0%	50.0% #ADA698	RVB 173 166 152	#ADA698
66.7%	66.7% #BDB09D	RVB 189 176 157	#BDB09D
83.3%	83.3% #CCBAA2	RVB 204 186 162	#CCBAA2
100.0%	100.0% #DCC4A8	RVB 220 196 168	#DCC4A8

#7F8889 #8E928E #9E9C93 #ADA698 #BDB09D #CCBAA2 #DCC4A8

#7F8889 - #DCC4A8

Mélange HSV

#7F8889 - #DCC4A8 | 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 #7F8889 0% et #DCC4A8 100%.

0.0%	0.0% #7F8889	RVB 127 136 137	#7F8889
16.7%	16.7% #879691	RVB 135 150 145	#879691
33.3%	33.3% #8FA494	RVB 143 164 148	#8FA494
50.0%	50.0% #9BB296	RVB 155 178 150	#9BB296
66.7%	66.7% #B2C09D	RVB 178 192 157	#B2C09D
83.3%	83.3% #CECCA3	RVB 206 204 163	#CECCA3
100.0%	100.0% #DCC4A8	RVB 220 196 168	#DCC4A8

#7F8889 #879691 #8FA494 #9BB296 #B2C09D #CECCA3 #DCC4A8

#7F8889 - #9BB296 - #DCC4A8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F8889 0%, #9BB296 50%, #DCC4A8 100%);
    background: -webkit-linear-gradient(top, #7F8889 0%, #9BB296 50%, #DCC4A8 100%);
    background: linear-gradient(to bottom, #7F8889 0%, #9BB296 50%, #DCC4A8 100%);
}
</style>