#6D9C9C - #D5E2E2 | 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 #6D9C9C à #D5E2E2

#6D9C9C #D5E2E2

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

#6D9C9C - #D5E2E2 | 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 #6D9C9C 0% et #D5E2E2 100%.

0.0%	0.0% #6D9C9C	RVB 109 156 156	#6D9C9C
16.7%	16.7% #7EA7A7	RVB 126 167 167	#7EA7A7
33.3%	33.3% #8FB3B3	RVB 143 179 179	#8FB3B3
50.0%	50.0% #A1BFBF	RVB 161 191 191	#A1BFBF
66.7%	66.7% #B2CACA	RVB 178 202 202	#B2CACA
83.3%	83.3% #C3D6D6	RVB 195 214 214	#C3D6D6
100.0%	100.0% #D5E2E2	RVB 213 226 226	#D5E2E2

#6D9C9C #7EA7A7 #8FB3B3 #A1BFBF #B2CACA #C3D6D6 #D5E2E2

#6D9C9C - #D5E2E2

Mélange HSV

#6D9C9C - #D5E2E2 | 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 #6D9C9C 0% et #D5E2E2 100%.

0.0%	0.0% #6D9C9C	RVB 109 156 156	#6D9C9C
16.7%	16.7% #7BA7A7	RVB 123 167 167	#7BA7A7
33.3%	33.3% #8BB3B3	RVB 139 179 179	#8BB3B3
50.0%	50.0% #9CBFBF	RVB 156 191 191	#9CBFBF
66.7%	66.7% #AECACA	RVB 174 202 202	#AECACA
83.3%	83.3% #C1D6D6	RVB 193 214 214	#C1D6D6
100.0%	100.0% #D5E2E2	RVB 213 226 226	#D5E2E2

#6D9C9C #7BA7A7 #8BB3B3 #9CBFBF #AECACA #C1D6D6 #D5E2E2

#6D9C9C - #9CBFBF - #D5E2E2

Codes CSS

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

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