#6C9C7D - #D5E2D9 | 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 #6C9C7D à #D5E2D9

#6C9C7D #D5E2D9

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

#6C9C7D - #D5E2D9 | 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 #6C9C7D 0% et #D5E2D9 100%.

0.0%	0.0% #6C9C7D	RVB 108 156 125	#6C9C7D
16.7%	16.7% #7DA78C	RVB 125 167 140	#7DA78C
33.3%	33.3% #8FB39B	RVB 143 179 155	#8FB39B
50.0%	50.0% #A0BFAB	RVB 160 191 171	#A0BFAB
66.7%	66.7% #B2CABA	RVB 178 202 186	#B2CABA
83.3%	83.3% #C3D6C9	RVB 195 214 201	#C3D6C9
100.0%	100.0% #D5E2D9	RVB 213 226 217	#D5E2D9

#6C9C7D #7DA78C #8FB39B #A0BFAB #B2CABA #C3D6C9 #D5E2D9

#6C9C7D - #D5E2D9

Mélange HSV

#6C9C7D - #D5E2D9 | 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 #6C9C7D 0% et #D5E2D9 100%.

0.0%	0.0% #6C9C7D	RVB 108 156 125	#6C9C7D
16.7%	16.7% #7BA78A	RVB 123 167 138	#7BA78A
33.3%	33.3% #8BB398	RVB 139 179 152	#8BB398
50.0%	50.0% #9CBFA7	RVB 156 191 167	#9CBFA7
66.7%	66.7% #AECAB7	RVB 174 202 183	#AECAB7
83.3%	83.3% #C1D6C7	RVB 193 214 199	#C1D6C7
100.0%	100.0% #D5E2D9	RVB 213 226 217	#D5E2D9

#6C9C7D #7BA78A #8BB398 #9CBFA7 #AECAB7 #C1D6C7 #D5E2D9

#6C9C7D - #9CBFA7 - #D5E2D9

Codes CSS

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

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