#AAADB0 - #B5E4C6 | 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 #AAADB0 à #B5E4C6

#AAADB0 #B5E4C6

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

#AAADB0 - #B5E4C6 | 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 #AAADB0 0% et #B5E4C6 100%.

0.0%	0.0% #AAADB0	RVB 170 173 176	#AAADB0
16.7%	16.7% #ABB6B3	RVB 171 182 179	#ABB6B3
33.3%	33.3% #ADBFB7	RVB 173 191 183	#ADBFB7
50.0%	50.0% #AFC8BB	RVB 175 200 187	#AFC8BB
66.7%	66.7% #B1D1BE	RVB 177 209 190	#B1D1BE
83.3%	83.3% #B3DAC2	RVB 179 218 194	#B3DAC2
100.0%	100.0% #B5E4C6	RVB 181 228 198	#B5E4C6

#AAADB0 #ABB6B3 #ADBFB7 #AFC8BB #B1D1BE #B3DAC2 #B5E4C6

#AAADB0 - #B5E4C6

Mélange HSV

#AAADB0 - #B5E4C6 | 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 #AAADB0 0% et #B5E4C6 100%.

0.0%	0.0% #AAADB0	RVB 170 173 176	#AAADB0
16.7%	16.7% #ADB5B8	RVB 173 181 184	#ADB5B8
33.3%	33.3% #AFBFC1	RVB 175 191 193	#AFBFC1
50.0%	50.0% #B1CAC8	RVB 177 202 200	#B1CAC8
66.7%	66.7% #B3D2CA	RVB 179 210 202	#B3D2CA
83.3%	83.3% #B4DBC9	RVB 180 219 201	#B4DBC9
100.0%	100.0% #B5E4C6	RVB 181 228 198	#B5E4C6

#AAADB0 #ADB5B8 #AFBFC1 #B1CAC8 #B3D2CA #B4DBC9 #B5E4C6

#AAADB0 - #B1CAC8 - #B5E4C6

Codes CSS

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

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