#006B5E - #B6D4D1 | 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 #006B5E à #B6D4D1

#006B5E #B6D4D1

Calculez la couleur entre deux couleurs, #006B5E et #B6D4D1. 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)

#006B5E - #B6D4D1 | 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 #006B5E 0% et #B6D4D1 100%.

0.0%	0.0% #006B5E	RVB 0 107 94	#006B5E
16.7%	16.7% #1E7C71	RVB 30 124 113	#1E7C71
33.3%	33.3% #3C8E84	RVB 60 142 132	#3C8E84
50.0%	50.0% #5B9F97	RVB 91 159 151	#5B9F97
66.7%	66.7% #79B1AA	RVB 121 177 170	#79B1AA
83.3%	83.3% #97C2BD	RVB 151 194 189	#97C2BD
100.0%	100.0% #B6D4D1	RVB 182 212 209	#B6D4D1

#006B5E #1E7C71 #3C8E84 #5B9F97 #79B1AA #97C2BD #B6D4D1

#006B5E - #B6D4D1

Mélange HSV

#006B5E - #B6D4D1 | 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 #006B5E 0% et #B6D4D1 100%.

0.0%	0.0% #006B5E	RVB 0 107 94	#006B5E
16.7%	16.7% #117C6F	RVB 17 124 111	#117C6F
33.3%	33.3% #288E82	RVB 40 142 130	#288E82
50.0%	50.0% #449F95	RVB 68 159 149	#449F95
66.7%	66.7% #65B1A8	RVB 101 177 168	#65B1A8
83.3%	83.3% #8BC2BC	RVB 139 194 188	#8BC2BC
100.0%	100.0% #B6D4D1	RVB 182 212 209	#B6D4D1

#006B5E #117C6F #288E82 #449F95 #65B1A8 #8BC2BC #B6D4D1

#006B5E - #449F95 - #B6D4D1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006B5E 0%, #449F95 50%, #B6D4D1 100%);
    background: -webkit-linear-gradient(top, #006B5E 0%, #449F95 50%, #B6D4D1 100%);
    background: linear-gradient(to bottom, #006B5E 0%, #449F95 50%, #B6D4D1 100%);
}
</style>