#B5E7E4 - #45BDBB | 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 #B5E7E4 à #45BDBB

#B5E7E4 #45BDBB

Calculez la couleur entre deux couleurs, #B5E7E4 et #45BDBB. 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)

#B5E7E4 - #45BDBB | 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 #B5E7E4 0% et #45BDBB 100%.

0.0%	0.0% #B5E7E4	RVB 181 231 228	#B5E7E4
16.7%	16.7% #A2E0DD	RVB 162 224 221	#A2E0DD
33.3%	33.3% #8FD9D6	RVB 143 217 214	#8FD9D6
50.0%	50.0% #7DD2CF	RVB 125 210 207	#7DD2CF
66.7%	66.7% #6ACBC8	RVB 106 203 200	#6ACBC8
83.3%	83.3% #57C4C1	RVB 87 196 193	#57C4C1
100.0%	100.0% #45BDBB	RVB 69 189 187	#45BDBB

#B5E7E4 #A2E0DD #8FD9D6 #7DD2CF #6ACBC8 #57C4C1 #45BDBB

#B5E7E4 - #45BDBB

Mélange HSV

#B5E7E4 - #45BDBB | 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 #B5E7E4 0% et #45BDBB 100%.

0.0%	0.0% #B5E7E4	RVB 181 231 228	#B5E7E4
16.7%	16.7% #9FE0DC	RVB 159 224 220	#9FE0DC
33.3%	33.3% #8BD9D5	RVB 139 217 213	#8BD9D5
50.0%	50.0% #78D2CE	RVB 120 210 206	#78D2CE
66.7%	66.7% #66CBC7	RVB 102 203 199	#66CBC7
83.3%	83.3% #55C4C1	RVB 85 196 193	#55C4C1
100.0%	100.0% #45BDBB	RVB 69 189 187	#45BDBB

#B5E7E4 #9FE0DC #8BD9D5 #78D2CE #66CBC7 #55C4C1 #45BDBB

#B5E7E4 - #78D2CE - #45BDBB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E7E4 0%, #78D2CE 50%, #45BDBB 100%);
    background: -webkit-linear-gradient(top, #B5E7E4 0%, #78D2CE 50%, #45BDBB 100%);
    background: linear-gradient(to bottom, #B5E7E4 0%, #78D2CE 50%, #45BDBB 100%);
}
</style>