#6E9F7B - #D5E3D9 | 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 #6E9F7B à #D5E3D9

#6E9F7B #D5E3D9

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

#6E9F7B - #D5E3D9 | 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 #6E9F7B 0% et #D5E3D9 100%.

0.0%	0.0% #6E9F7B	RVB 110 159 123	#6E9F7B
16.7%	16.7% #7FAA8A	RVB 127 170 138	#7FAA8A
33.3%	33.3% #90B59A	RVB 144 181 154	#90B59A
50.0%	50.0% #A1C1AA	RVB 161 193 170	#A1C1AA
66.7%	66.7% #B2CCB9	RVB 178 204 185	#B2CCB9
83.3%	83.3% #C3D7C9	RVB 195 215 201	#C3D7C9
100.0%	100.0% #D5E3D9	RVB 213 227 217	#D5E3D9

#6E9F7B #7FAA8A #90B59A #A1C1AA #B2CCB9 #C3D7C9 #D5E3D9

#6E9F7B - #D5E3D9

Mélange HSV

#6E9F7B - #D5E3D9 | 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 #6E9F7B 0% et #D5E3D9 100%.

0.0%	0.0% #6E9F7B	RVB 110 159 123	#6E9F7B
16.7%	16.7% #7CAA89	RVB 124 170 137	#7CAA89
33.3%	33.3% #8CB597	RVB 140 181 151	#8CB597
50.0%	50.0% #9DC1A7	RVB 157 193 167	#9DC1A7
66.7%	66.7% #AECCB7	RVB 174 204 183	#AECCB7
83.3%	83.3% #C1D7C7	RVB 193 215 199	#C1D7C7
100.0%	100.0% #D5E3D9	RVB 213 227 217	#D5E3D9

#6E9F7B #7CAA89 #8CB597 #9DC1A7 #AECCB7 #C1D7C7 #D5E3D9

#6E9F7B - #9DC1A7 - #D5E3D9

Codes CSS

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

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