#6A8F7B - #D4DFD9 | 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 #6A8F7B à #D4DFD9

#6A8F7B #D4DFD9

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

#6A8F7B - #D4DFD9 | 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 #6A8F7B 0% et #D4DFD9 100%.

0.0%	0.0% #6A8F7B	RVB 106 143 123	#6A8F7B
16.7%	16.7% #7B9C8A	RVB 123 156 138	#7B9C8A
33.3%	33.3% #8DA99A	RVB 141 169 154	#8DA99A
50.0%	50.0% #9FB7AA	RVB 159 183 170	#9FB7AA
66.7%	66.7% #B0C4B9	RVB 176 196 185	#B0C4B9
83.3%	83.3% #C2D1C9	RVB 194 209 201	#C2D1C9
100.0%	100.0% #D4DFD9	RVB 212 223 217	#D4DFD9

#6A8F7B #7B9C8A #8DA99A #9FB7AA #B0C4B9 #C2D1C9 #D4DFD9

#6A8F7B - #D4DFD9

Mélange HSV

#6A8F7B - #D4DFD9 | 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 #6A8F7B 0% et #D4DFD9 100%.

0.0%	0.0% #6A8F7B	RVB 106 143 123	#6A8F7B
16.7%	16.7% #799C89	RVB 121 156 137	#799C89
33.3%	33.3% #89A998	RVB 137 169 152	#89A998
50.0%	50.0% #9AB7A7	RVB 154 183 167	#9AB7A7
66.7%	66.7% #ACC4B7	RVB 172 196 183	#ACC4B7
83.3%	83.3% #C0D1C8	RVB 192 209 200	#C0D1C8
100.0%	100.0% #D4DFD9	RVB 212 223 217	#D4DFD9

#6A8F7B #799C89 #89A998 #9AB7A7 #ACC4B7 #C0D1C8 #D4DFD9

#6A8F7B - #9AB7A7 - #D4DFD9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A8F7B 0%, #9AB7A7 50%, #D4DFD9 100%);
    background: -webkit-linear-gradient(top, #6A8F7B 0%, #9AB7A7 50%, #D4DFD9 100%);
    background: linear-gradient(to bottom, #6A8F7B 0%, #9AB7A7 50%, #D4DFD9 100%);
}
</style>