#B5E6DA - #4BBAAD | 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 #B5E6DA à #4BBAAD

#B5E6DA #4BBAAD

Calculez la couleur entre deux couleurs, #B5E6DA et #4BBAAD. 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)

#B5E6DA - #4BBAAD | 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 #B5E6DA 0% et #4BBAAD 100%.

0.0%	0.0% #B5E6DA	RVB 181 230 218	#B5E6DA
16.7%	16.7% #A3DED2	RVB 163 222 210	#A3DED2
33.3%	33.3% #91D7CB	RVB 145 215 203	#91D7CB
50.0%	50.0% #80D0C3	RVB 128 208 195	#80D0C3
66.7%	66.7% #6EC8BC	RVB 110 200 188	#6EC8BC
83.3%	83.3% #5CC1B4	RVB 92 193 180	#5CC1B4
100.0%	100.0% #4BBAAD	RVB 75 186 173	#4BBAAD

#B5E6DA #A3DED2 #91D7CB #80D0C3 #6EC8BC #5CC1B4 #4BBAAD

#B5E6DA - #4BBAAD

Mélange HSV

#B5E6DA - #4BBAAD | 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 #B5E6DA 0% et #4BBAAD 100%.

0.0%	0.0% #B5E6DA	RVB 181 230 218	#B5E6DA
16.7%	16.7% #A0DED0	RVB 160 222 208	#A0DED0
33.3%	33.3% #8DD7C8	RVB 141 215 200	#8DD7C8
50.0%	50.0% #7BD0C0	RVB 123 208 192	#7BD0C0
66.7%	66.7% #6AC8B9	RVB 106 200 185	#6AC8B9
83.3%	83.3% #5AC1B3	RVB 90 193 179	#5AC1B3
100.0%	100.0% #4BBAAD	RVB 75 186 173	#4BBAAD

#B5E6DA #A0DED0 #8DD7C8 #7BD0C0 #6AC8B9 #5AC1B3 #4BBAAD

#B5E6DA - #7BD0C0 - #4BBAAD

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E6DA 0%, #7BD0C0 50%, #4BBAAD 100%);
    background: -webkit-linear-gradient(top, #B5E6DA 0%, #7BD0C0 50%, #4BBAAD 100%);
    background: linear-gradient(to bottom, #B5E6DA 0%, #7BD0C0 50%, #4BBAAD 100%);
}
</style>