#C5E8C9 - #6EB496 | 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 #C5E8C9 à #6EB496

#C5E8C9 #6EB496

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

#C5E8C9 - #6EB496 | 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 #C5E8C9 0% et #6EB496 100%.

0.0%	0.0% #C5E8C9	RVB 197 232 201	#C5E8C9
16.7%	16.7% #B6DFC0	RVB 182 223 192	#B6DFC0
33.3%	33.3% #A8D6B8	RVB 168 214 184	#A8D6B8
50.0%	50.0% #99CEAF	RVB 153 206 175	#99CEAF
66.7%	66.7% #8BC5A7	RVB 139 197 167	#8BC5A7
83.3%	83.3% #7CBC9E	RVB 124 188 158	#7CBC9E
100.0%	100.0% #6EB496	RVB 110 180 150	#6EB496

#C5E8C9 #B6DFC0 #A8D6B8 #99CEAF #8BC5A7 #7CBC9E #6EB496

#C5E8C9 - #6EB496

Mélange HSV

#C5E8C9 - #6EB496 | 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 #C5E8C9 0% et #6EB496 100%.

0.0%	0.0% #C5E8C9	RVB 197 232 201	#C5E8C9
16.7%	16.7% #B4DFBC	RVB 180 223 188	#B4DFBC
33.3%	33.3% #A5D6B2	RVB 165 214 178	#A5D6B2
50.0%	50.0% #96CEA9	RVB 150 206 169	#96CEA9
66.7%	66.7% #88C5A1	RVB 136 197 161	#88C5A1
83.3%	83.3% #7ABC9B	RVB 122 188 155	#7ABC9B
100.0%	100.0% #6EB496	RVB 110 180 150	#6EB496

#C5E8C9 #B4DFBC #A5D6B2 #96CEA9 #88C5A1 #7ABC9B #6EB496

#C5E8C9 - #96CEA9 - #6EB496

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E8C9 0%, #96CEA9 50%, #6EB496 100%);
    background: -webkit-linear-gradient(top, #C5E8C9 0%, #96CEA9 50%, #6EB496 100%);
    background: linear-gradient(to bottom, #C5E8C9 0%, #96CEA9 50%, #6EB496 100%);
}
</style>