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

#6C9C7B #D5E2D9

Calculez la couleur entre deux couleurs, #6C9C7B 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)

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

0.0%	0.0% #6C9C7B	RVB 108 156 123	#6C9C7B
16.7%	16.7% #7DA78A	RVB 125 167 138	#7DA78A
33.3%	33.3% #8FB39A	RVB 143 179 154	#8FB39A
50.0%	50.0% #A0BFAA	RVB 160 191 170	#A0BFAA
66.7%	66.7% #B2CAB9	RVB 178 202 185	#B2CAB9
83.3%	83.3% #C3D6C9	RVB 195 214 201	#C3D6C9
100.0%	100.0% #D5E2D9	RVB 213 226 217	#D5E2D9

#6C9C7B #7DA78A #8FB39A #A0BFAA #B2CAB9 #C3D6C9 #D5E2D9

#6C9C7B - #D5E2D9

Mélange HSV

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

0.0%	0.0% #6C9C7B	RVB 108 156 123	#6C9C7B
16.7%	16.7% #7BA788	RVB 123 167 136	#7BA788
33.3%	33.3% #8BB397	RVB 139 179 151	#8BB397
50.0%	50.0% #9CBFA6	RVB 156 191 166	#9CBFA6
66.7%	66.7% #AECAB6	RVB 174 202 182	#AECAB6
83.3%	83.3% #C1D6C7	RVB 193 214 199	#C1D6C7
100.0%	100.0% #D5E2D9	RVB 213 226 217	#D5E2D9

#6C9C7B #7BA788 #8BB397 #9CBFA6 #AECAB6 #C1D6C7 #D5E2D9

#6C9C7B - #9CBFA6 - #D5E2D9

Codes CSS

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

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