#6C7B5E - #8FECAE | 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 #6C7B5E à #8FECAE

#6C7B5E #8FECAE

Calculez la couleur entre deux couleurs, #6C7B5E et #8FECAE. 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)

#6C7B5E - #8FECAE | 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 #6C7B5E 0% et #8FECAE 100%.

0.0%	0.0% #6C7B5E	RVB 108 123 94	#6C7B5E
16.7%	16.7% #718D6B	RVB 113 141 107	#718D6B
33.3%	33.3% #77A078	RVB 119 160 120	#77A078
50.0%	50.0% #7DB386	RVB 125 179 134	#7DB386
66.7%	66.7% #83C693	RVB 131 198 147	#83C693
83.3%	83.3% #89D9A0	RVB 137 217 160	#89D9A0
100.0%	100.0% #8FECAE	RVB 143 236 174	#8FECAE

#6C7B5E #718D6B #77A078 #7DB386 #83C693 #89D9A0 #8FECAE

#6C7B5E - #8FECAE

Mélange HSV

#6C7B5E - #8FECAE | 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 #6C7B5E 0% et #8FECAE 100%.

0.0%	0.0% #6C7B5E	RVB 108 123 94	#6C7B5E
16.7%	16.7% #758D68	RVB 117 141 104	#758D68
33.3%	33.3% #7CA072	RVB 124 160 114	#7CA072
50.0%	50.0% #7FB37A	RVB 127 179 122	#7FB37A
66.7%	66.7% #82C686	RVB 130 198 134	#82C686
83.3%	83.3% #89D999	RVB 137 217 153	#89D999
100.0%	100.0% #8FECAE	RVB 143 236 174	#8FECAE

#6C7B5E #758D68 #7CA072 #7FB37A #82C686 #89D999 #8FECAE

#6C7B5E - #7FB37A - #8FECAE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C7B5E 0%, #7FB37A 50%, #8FECAE 100%);
    background: -webkit-linear-gradient(top, #6C7B5E 0%, #7FB37A 50%, #8FECAE 100%);
    background: linear-gradient(to bottom, #6C7B5E 0%, #7FB37A 50%, #8FECAE 100%);
}
</style>