#7EB6B6 - #C7DAAE | 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 #7EB6B6 à #C7DAAE

#7EB6B6 #C7DAAE

Calculez la couleur entre deux couleurs, #7EB6B6 et #C7DAAE. 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)

#7EB6B6 - #C7DAAE | 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 #7EB6B6 0% et #C7DAAE 100%.

0.0%	0.0% #7EB6B6	RVB 126 182 182	#7EB6B6
16.7%	16.7% #8ABCB4	RVB 138 188 180	#8ABCB4
33.3%	33.3% #96C2B3	RVB 150 194 179	#96C2B3
50.0%	50.0% #A2C8B2	RVB 162 200 178	#A2C8B2
66.7%	66.7% #AECEB0	RVB 174 206 176	#AECEB0
83.3%	83.3% #BAD4AF	RVB 186 212 175	#BAD4AF
100.0%	100.0% #C7DAAE	RVB 199 218 174	#C7DAAE

#7EB6B6 #8ABCB4 #96C2B3 #A2C8B2 #AECEB0 #BAD4AF #C7DAAE

#7EB6B6 - #C7DAAE

Mélange HSV

#7EB6B6 - #C7DAAE | 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 #7EB6B6 0% et #C7DAAE 100%.

0.0%	0.0% #7EB6B6	RVB 126 182 182	#7EB6B6
16.7%	16.7% #85BCAD	RVB 133 188 173	#85BCAD
33.3%	33.3% #8DC2A6	RVB 141 194 166	#8DC2A6
50.0%	50.0% #95C8A0	RVB 149 200 160	#95C8A0
66.7%	66.7% #9FCE9D	RVB 159 206 157	#9FCE9D
83.3%	83.3% #B3D4A5	RVB 179 212 165	#B3D4A5
100.0%	100.0% #C7DAAE	RVB 199 218 174	#C7DAAE

#7EB6B6 #85BCAD #8DC2A6 #95C8A0 #9FCE9D #B3D4A5 #C7DAAE

#7EB6B6 - #95C8A0 - #C7DAAE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7EB6B6 0%, #95C8A0 50%, #C7DAAE 100%);
    background: -webkit-linear-gradient(top, #7EB6B6 0%, #95C8A0 50%, #C7DAAE 100%);
    background: linear-gradient(to bottom, #7EB6B6 0%, #95C8A0 50%, #C7DAAE 100%);
}
</style>