#A8E5E7 - #549FB6 | 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 #A8E5E7 à #549FB6

#A8E5E7 #549FB6

Calculez la couleur entre deux couleurs, #A8E5E7 et #549FB6. 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)

#A8E5E7 - #549FB6 | 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 #A8E5E7 0% et #549FB6 100%.

0.0%	0.0% #A8E5E7	RVB 168 229 231	#A8E5E7
16.7%	16.7% #9AD9DE	RVB 154 217 222	#9AD9DE
33.3%	33.3% #8CCDD6	RVB 140 205 214	#8CCDD6
50.0%	50.0% #7EC2CE	RVB 126 194 206	#7EC2CE
66.7%	66.7% #70B6C6	RVB 112 182 198	#70B6C6
83.3%	83.3% #62AABE	RVB 98 170 190	#62AABE
100.0%	100.0% #549FB6	RVB 84 159 182	#549FB6

#A8E5E7 #9AD9DE #8CCDD6 #7EC2CE #70B6C6 #62AABE #549FB6

#A8E5E7 - #549FB6

Mélange HSV

#A8E5E7 - #549FB6 | 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 #A8E5E7 0% et #549FB6 100%.

0.0%	0.0% #A8E5E7	RVB 168 229 231	#A8E5E7
16.7%	16.7% #98DADE	RVB 152 218 222	#98DADE
33.3%	33.3% #89CED6	RVB 137 206 214	#89CED6
50.0%	50.0% #7AC3CE	RVB 122 195 206	#7AC3CE
66.7%	66.7% #6DB7C6	RVB 109 183 198	#6DB7C6
83.3%	83.3% #60ABBE	RVB 96 171 190	#60ABBE
100.0%	100.0% #549FB6	RVB 84 159 182	#549FB6

#A8E5E7 #98DADE #89CED6 #7AC3CE #6DB7C6 #60ABBE #549FB6

#A8E5E7 - #7AC3CE - #549FB6

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8E5E7 0%, #7AC3CE 50%, #549FB6 100%);
    background: -webkit-linear-gradient(top, #A8E5E7 0%, #7AC3CE 50%, #549FB6 100%);
    background: linear-gradient(to bottom, #A8E5E7 0%, #7AC3CE 50%, #549FB6 100%);
}
</style>