#A8C7B7 - #3D9268 | 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 #A8C7B7 à #3D9268

#A8C7B7 #3D9268

Calculez la couleur entre deux couleurs, #A8C7B7 et #3D9268. 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)

#A8C7B7 - #3D9268 | 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 #A8C7B7 0% et #3D9268 100%.

0.0%	0.0% #A8C7B7	RVB 168 199 183	#A8C7B7
16.7%	16.7% #96BEA9	RVB 150 190 169	#96BEA9
33.3%	33.3% #84B59C	RVB 132 181 156	#84B59C
50.0%	50.0% #72AC8F	RVB 114 172 143	#72AC8F
66.7%	66.7% #60A382	RVB 96 163 130	#60A382
83.3%	83.3% #4E9A75	RVB 78 154 117	#4E9A75
100.0%	100.0% #3D9268	RVB 61 146 104	#3D9268

#A8C7B7 #96BEA9 #84B59C #72AC8F #60A382 #4E9A75 #3D9268

#A8C7B7 - #3D9268

Mélange HSV

#A8C7B7 - #3D9268 | 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 #A8C7B7 0% et #3D9268 100%.

0.0%	0.0% #A8C7B7	RVB 168 199 183	#A8C7B7
16.7%	16.7% #93BEA8	RVB 147 190 168	#93BEA8
33.3%	33.3% #7FB599	RVB 127 181 153	#7FB599
50.0%	50.0% #6CAC8C	RVB 108 172 140	#6CAC8C
66.7%	66.7% #5BA37F	RVB 91 163 127	#5BA37F
83.3%	83.3% #4B9A73	RVB 75 154 115	#4B9A73
100.0%	100.0% #3D9268	RVB 61 146 104	#3D9268

#A8C7B7 #93BEA8 #7FB599 #6CAC8C #5BA37F #4B9A73 #3D9268

#A8C7B7 - #6CAC8C - #3D9268

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C7B7 0%, #6CAC8C 50%, #3D9268 100%);
    background: -webkit-linear-gradient(top, #A8C7B7 0%, #6CAC8C 50%, #3D9268 100%);
    background: linear-gradient(to bottom, #A8C7B7 0%, #6CAC8C 50%, #3D9268 100%);
}
</style>