#99E5E5 - #D5E2C5 | 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 #99E5E5 à #D5E2C5

#99E5E5 #D5E2C5

Calculez la couleur entre deux couleurs, #99E5E5 et #D5E2C5. 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)

#99E5E5 - #D5E2C5 | 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 #99E5E5 0% et #D5E2C5 100%.

0.0%	0.0% #99E5E5	RVB 153 229 229	#99E5E5
16.7%	16.7% #A3E4DF	RVB 163 228 223	#A3E4DF
33.3%	33.3% #ADE4DA	RVB 173 228 218	#ADE4DA
50.0%	50.0% #B7E3D5	RVB 183 227 213	#B7E3D5
66.7%	66.7% #C1E3CF	RVB 193 227 207	#C1E3CF
83.3%	83.3% #CBE2CA	RVB 203 226 202	#CBE2CA
100.0%	100.0% #D5E2C5	RVB 213 226 197	#D5E2C5

#99E5E5 #A3E4DF #ADE4DA #B7E3D5 #C1E3CF #CBE2CA #D5E2C5

#99E5E5 - #D5E2C5

Mélange HSV

#99E5E5 - #D5E2C5 | 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 #99E5E5 0% et #D5E2C5 100%.

0.0%	0.0% #99E5E5	RVB 153 229 229	#99E5E5
16.7%	16.7% #A0E4D2	RVB 160 228 210	#A0E4D2
33.3%	33.3% #A7E4C4	RVB 167 228 196	#A7E4C4
50.0%	50.0% #AFE3BA	RVB 175 227 186	#AFE3BA
66.7%	66.7% #B8E3B6	RVB 184 227 182	#B8E3B6
83.3%	83.3% #C8E2BD	RVB 200 226 189	#C8E2BD
100.0%	100.0% #D5E2C5	RVB 213 226 197	#D5E2C5

#99E5E5 #A0E4D2 #A7E4C4 #AFE3BA #B8E3B6 #C8E2BD #D5E2C5

#99E5E5 - #AFE3BA - #D5E2C5

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #99E5E5 0%, #AFE3BA 50%, #D5E2C5 100%);
    background: -webkit-linear-gradient(top, #99E5E5 0%, #AFE3BA 50%, #D5E2C5 100%);
    background: linear-gradient(to bottom, #99E5E5 0%, #AFE3BA 50%, #D5E2C5 100%);
}
</style>