#A5E5E5 - #32BCBE | 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 #A5E5E5 à #32BCBE

#A5E5E5 #32BCBE

Calculez la couleur entre deux couleurs, #A5E5E5 et #32BCBE. 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)

#A5E5E5 - #32BCBE | 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 #A5E5E5 0% et #32BCBE 100%.

0.0%	0.0% #A5E5E5	RVB 165 229 229	#A5E5E5
16.7%	16.7% #91DEDE	RVB 145 222 222	#91DEDE
33.3%	33.3% #7ED7D8	RVB 126 215 216	#7ED7D8
50.0%	50.0% #6BD0D1	RVB 107 208 209	#6BD0D1
66.7%	66.7% #58C9CB	RVB 88 201 203	#58C9CB
83.3%	83.3% #45C2C4	RVB 69 194 196	#45C2C4
100.0%	100.0% #32BCBE	RVB 50 188 190	#32BCBE

#A5E5E5 #91DEDE #7ED7D8 #6BD0D1 #58C9CB #45C2C4 #32BCBE

#A5E5E5 - #32BCBE

Mélange HSV

#A5E5E5 - #32BCBE | 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 #A5E5E5 0% et #32BCBE 100%.

0.0%	0.0% #A5E5E5	RVB 165 229 229	#A5E5E5
16.7%	16.7% #8FDEDE	RVB 143 222 222	#8FDEDE
33.3%	33.3% #7AD7D8	RVB 122 215 216	#7AD7D8
50.0%	50.0% #67D0D1	RVB 103 208 209	#67D0D1
66.7%	66.7% #54C9CB	RVB 84 201 203	#54C9CB
83.3%	83.3% #42C2C4	RVB 66 194 196	#42C2C4
100.0%	100.0% #32BCBE	RVB 50 188 190	#32BCBE

#A5E5E5 #8FDEDE #7AD7D8 #67D0D1 #54C9CB #42C2C4 #32BCBE

#A5E5E5 - #67D0D1 - #32BCBE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A5E5E5 0%, #67D0D1 50%, #32BCBE 100%);
    background: -webkit-linear-gradient(top, #A5E5E5 0%, #67D0D1 50%, #32BCBE 100%);
    background: linear-gradient(to bottom, #A5E5E5 0%, #67D0D1 50%, #32BCBE 100%);
}
</style>