#C5EFE1 - #5EC6B6 | 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 #C5EFE1 à #5EC6B6

#C5EFE1 #5EC6B6

Calculez la couleur entre deux couleurs, #C5EFE1 et #5EC6B6. 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)

#C5EFE1 - #5EC6B6 | 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 #C5EFE1 0% et #5EC6B6 100%.

0.0%	0.0% #C5EFE1	RVB 197 239 225	#C5EFE1
16.7%	16.7% #B3E8D9	RVB 179 232 217	#B3E8D9
33.3%	33.3% #A2E1D2	RVB 162 225 210	#A2E1D2
50.0%	50.0% #91DACB	RVB 145 218 203	#91DACB
66.7%	66.7% #80D3C4	RVB 128 211 196	#80D3C4
83.3%	83.3% #6FCCBD	RVB 111 204 189	#6FCCBD
100.0%	100.0% #5EC6B6	RVB 94 198 182	#5EC6B6

#C5EFE1 #B3E8D9 #A2E1D2 #91DACB #80D3C4 #6FCCBD #5EC6B6

#C5EFE1 - #5EC6B6

Mélange HSV

#C5EFE1 - #5EC6B6 | 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 #C5EFE1 0% et #5EC6B6 100%.

0.0%	0.0% #C5EFE1	RVB 197 239 225	#C5EFE1
16.7%	16.7% #B1E8D7	RVB 177 232 215	#B1E8D7
33.3%	33.3% #9FE1CF	RVB 159 225 207	#9FE1CF
50.0%	50.0% #8DDAC7	RVB 141 218 199	#8DDAC7
66.7%	66.7% #7DD3C1	RVB 125 211 193	#7DD3C1
83.3%	83.3% #6DCCBB	RVB 109 204 187	#6DCCBB
100.0%	100.0% #5EC6B6	RVB 94 198 182	#5EC6B6

#C5EFE1 #B1E8D7 #9FE1CF #8DDAC7 #7DD3C1 #6DCCBB #5EC6B6

#C5EFE1 - #8DDAC7 - #5EC6B6

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5EFE1 0%, #8DDAC7 50%, #5EC6B6 100%);
    background: -webkit-linear-gradient(top, #C5EFE1 0%, #8DDAC7 50%, #5EC6B6 100%);
    background: linear-gradient(to bottom, #C5EFE1 0%, #8DDAC7 50%, #5EC6B6 100%);
}
</style>