#C5E5D9 - #61B5AA | 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 #C5E5D9 à #61B5AA

#C5E5D9 #61B5AA

Calculez la couleur entre deux couleurs, #C5E5D9 et #61B5AA. 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)

#C5E5D9 - #61B5AA | 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 #C5E5D9 0% et #61B5AA 100%.

0.0%	0.0% #C5E5D9	RVB 197 229 217	#C5E5D9
16.7%	16.7% #B4DDD1	RVB 180 221 209	#B4DDD1
33.3%	33.3% #A3D5C9	RVB 163 213 201	#A3D5C9
50.0%	50.0% #93CDC1	RVB 147 205 193	#93CDC1
66.7%	66.7% #82C5B9	RVB 130 197 185	#82C5B9
83.3%	83.3% #71BDB1	RVB 113 189 177	#71BDB1
100.0%	100.0% #61B5AA	RVB 97 181 170	#61B5AA

#C5E5D9 #B4DDD1 #A3D5C9 #93CDC1 #82C5B9 #71BDB1 #61B5AA

#C5E5D9 - #61B5AA

Mélange HSV

#C5E5D9 - #61B5AA | 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 #C5E5D9 0% et #61B5AA 100%.

0.0%	0.0% #C5E5D9	RVB 197 229 217	#C5E5D9
16.7%	16.7% #B2DDCE	RVB 178 221 206	#B2DDCE
33.3%	33.3% #A0D5C5	RVB 160 213 197	#A0D5C5
50.0%	50.0% #8FCDBD	RVB 143 205 189	#8FCDBD
66.7%	66.7% #7EC5B6	RVB 126 197 182	#7EC5B6
83.3%	83.3% #6FBDAF	RVB 111 189 175	#6FBDAF
100.0%	100.0% #61B5AA	RVB 97 181 170	#61B5AA

#C5E5D9 #B2DDCE #A0D5C5 #8FCDBD #7EC5B6 #6FBDAF #61B5AA

#C5E5D9 - #8FCDBD - #61B5AA

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E5D9 0%, #8FCDBD 50%, #61B5AA 100%);
    background: -webkit-linear-gradient(top, #C5E5D9 0%, #8FCDBD 50%, #61B5AA 100%);
    background: linear-gradient(to bottom, #C5E5D9 0%, #8FCDBD 50%, #61B5AA 100%);
}
</style>