#B5E8D9 - #4CBDAC | 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 #B5E8D9 à #4CBDAC

#B5E8D9 #4CBDAC

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

#B5E8D9 - #4CBDAC | 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 #B5E8D9 0% et #4CBDAC 100%.

0.0%	0.0% #B5E8D9	RVB 181 232 217	#B5E8D9
16.7%	16.7% #A3E0D1	RVB 163 224 209	#A3E0D1
33.3%	33.3% #92D9CA	RVB 146 217 202	#92D9CA
50.0%	50.0% #80D2C2	RVB 128 210 194	#80D2C2
66.7%	66.7% #6FCBBB	RVB 111 203 187	#6FCBBB
83.3%	83.3% #5DC4B3	RVB 93 196 179	#5DC4B3
100.0%	100.0% #4CBDAC	RVB 76 189 172	#4CBDAC

#B5E8D9 #A3E0D1 #92D9CA #80D2C2 #6FCBBB #5DC4B3 #4CBDAC

#B5E8D9 - #4CBDAC

Mélange HSV

#B5E8D9 - #4CBDAC | 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 #B5E8D9 0% et #4CBDAC 100%.

0.0%	0.0% #B5E8D9	RVB 181 232 217	#B5E8D9
16.7%	16.7% #A1E0CF	RVB 161 224 207	#A1E0CF
33.3%	33.3% #8ED9C7	RVB 142 217 199	#8ED9C7
50.0%	50.0% #7CD2BF	RVB 124 210 191	#7CD2BF
66.7%	66.7% #6BCBB8	RVB 107 203 184	#6BCBB8
83.3%	83.3% #5BC4B1	RVB 91 196 177	#5BC4B1
100.0%	100.0% #4CBDAC	RVB 76 189 172	#4CBDAC

#B5E8D9 #A1E0CF #8ED9C7 #7CD2BF #6BCBB8 #5BC4B1 #4CBDAC

#B5E8D9 - #7CD2BF - #4CBDAC

Codes CSS

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

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