#2ABDA7 - #C2ECE5 | 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 #2ABDA7 à #C2ECE5

#2ABDA7 #C2ECE5

Calculez la couleur entre deux couleurs, #2ABDA7 et #C2ECE5. 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)

#2ABDA7 - #C2ECE5 | 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 #2ABDA7 0% et #C2ECE5 100%.

0.0%	0.0% #2ABDA7	RVB 42 189 167	#2ABDA7
16.7%	16.7% #43C4B1	RVB 67 196 177	#43C4B1
33.3%	33.3% #5CCCBB	RVB 92 204 187	#5CCCBB
50.0%	50.0% #76D4C6	RVB 118 212 198	#76D4C6
66.7%	66.7% #8FDCD0	RVB 143 220 208	#8FDCD0
83.3%	83.3% #A8E4DA	RVB 168 228 218	#A8E4DA
100.0%	100.0% #C2ECE5	RVB 194 236 229	#C2ECE5

#2ABDA7 #43C4B1 #5CCCBB #76D4C6 #8FDCD0 #A8E4DA #C2ECE5

#2ABDA7 - #C2ECE5

Mélange HSV

#2ABDA7 - #C2ECE5 | 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 #2ABDA7 0% et #C2ECE5 100%.

0.0%	0.0% #29BDA6	RVB 41 189 166	#29BDA6
16.7%	16.7% #3FC4B0	RVB 63 196 176	#3FC4B0
33.3%	33.3% #56CCBA	RVB 86 204 186	#56CCBA
50.0%	50.0% #6ED4C4	RVB 110 212 196	#6ED4C4
66.7%	66.7% #89DCCE	RVB 137 220 206	#89DCCE
83.3%	83.3% #A4E4D9	RVB 164 228 217	#A4E4D9
100.0%	100.0% #C2ECE5	RVB 194 236 229	#C2ECE5

#29BDA6 #3FC4B0 #56CCBA #6ED4C4 #89DCCE #A4E4D9 #C2ECE5

#2ABDA7 - #6ED4C4 - #C2ECE5

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #29BDA6 0%, #6ED4C4 50%, #C2ECE5 100%);
    background: -webkit-linear-gradient(top, #29BDA6 0%, #6ED4C4 50%, #C2ECE5 100%);
    background: linear-gradient(to bottom, #29BDA6 0%, #6ED4C4 50%, #C2ECE5 100%);
}
</style>