#6D9F7E - #D5E3DA | 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 #6D9F7E à #D5E3DA

#6D9F7E #D5E3DA

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

#6D9F7E - #D5E3DA | 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 #6D9F7E 0% et #D5E3DA 100%.

0.0%	0.0% #6D9F7E	RVB 109 159 126	#6D9F7E
16.7%	16.7% #7EAA8D	RVB 126 170 141	#7EAA8D
33.3%	33.3% #8FB59C	RVB 143 181 156	#8FB59C
50.0%	50.0% #A1C1AC	RVB 161 193 172	#A1C1AC
66.7%	66.7% #B2CCBB	RVB 178 204 187	#B2CCBB
83.3%	83.3% #C3D7CA	RVB 195 215 202	#C3D7CA
100.0%	100.0% #D5E3DA	RVB 213 227 218	#D5E3DA

#6D9F7E #7EAA8D #8FB59C #A1C1AC #B2CCBB #C3D7CA #D5E3DA

#6D9F7E - #D5E3DA

Mélange HSV

#6D9F7E - #D5E3DA | 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 #6D9F7E 0% et #D5E3DA 100%.

0.0%	0.0% #6D9F7E	RVB 109 159 126	#6D9F7E
16.7%	16.7% #7BAA8B	RVB 123 170 139	#7BAA8B
33.3%	33.3% #8BB59A	RVB 139 181 154	#8BB59A
50.0%	50.0% #9CC1A9	RVB 156 193 169	#9CC1A9
66.7%	66.7% #AECCB8	RVB 174 204 184	#AECCB8
83.3%	83.3% #C1D7C9	RVB 193 215 201	#C1D7C9
100.0%	100.0% #D5E3DA	RVB 213 227 218	#D5E3DA

#6D9F7E #7BAA8B #8BB59A #9CC1A9 #AECCB8 #C1D7C9 #D5E3DA

#6D9F7E - #9CC1A9 - #D5E3DA

Codes CSS

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

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