#A3E5E2 - #D6E3C7 | 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 #A3E5E2 à #D6E3C7

#A3E5E2 #D6E3C7

Calculez la couleur entre deux couleurs, #A3E5E2 et #D6E3C7. 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)

#A3E5E2 - #D6E3C7 | 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 #A3E5E2 0% et #D6E3C7 100%.

0.0%	0.0% #A3E5E2	RVB 163 229 226	#A3E5E2
16.7%	16.7% #ABE4DD	RVB 171 228 221	#ABE4DD
33.3%	33.3% #B4E4D9	RVB 180 228 217	#B4E4D9
50.0%	50.0% #BCE4D4	RVB 188 228 212	#BCE4D4
66.7%	66.7% #C5E3D0	RVB 197 227 208	#C5E3D0
83.3%	83.3% #CDE3CB	RVB 205 227 203	#CDE3CB
100.0%	100.0% #D6E3C7	RVB 214 227 199	#D6E3C7

#A3E5E2 #ABE4DD #B4E4D9 #BCE4D4 #C5E3D0 #CDE3CB #D6E3C7

#A3E5E2 - #D6E3C7

Mélange HSV

#A3E5E2 - #D6E3C7 | 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 #A3E5E2 0% et #D6E3C7 100%.

0.0%	0.0% #A3E5E2	RVB 163 229 226	#A3E5E2
16.7%	16.7% #A9E4D3	RVB 169 228 211	#A9E4D3
33.3%	33.3% #AFE4C7	RVB 175 228 199	#AFE4C7
50.0%	50.0% #B5E4BE	RVB 181 228 190	#B5E4BE
66.7%	66.7% #BCE3BB	RVB 188 227 187	#BCE3BB
83.3%	83.3% #CAE3C1	RVB 202 227 193	#CAE3C1
100.0%	100.0% #D6E3C7	RVB 214 227 199	#D6E3C7

#A3E5E2 #A9E4D3 #AFE4C7 #B5E4BE #BCE3BB #CAE3C1 #D6E3C7

#A3E5E2 - #B5E4BE - #D6E3C7

Codes CSS

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

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