#B5E2DF - #47B2B6 | 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 #B5E2DF à #47B2B6

#B5E2DF #47B2B6

Calculez la couleur entre deux couleurs, #B5E2DF et #47B2B6. 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)

#B5E2DF - #47B2B6 | 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 #B5E2DF 0% et #47B2B6 100%.

0.0%	0.0% #B5E2DF	RVB 181 226 223	#B5E2DF
16.7%	16.7% #A2DAD8	RVB 162 218 216	#A2DAD8
33.3%	33.3% #90D2D1	RVB 144 210 209	#90D2D1
50.0%	50.0% #7ECACA	RVB 126 202 202	#7ECACA
66.7%	66.7% #6BC2C3	RVB 107 194 195	#6BC2C3
83.3%	83.3% #59BABC	RVB 89 186 188	#59BABC
100.0%	100.0% #47B2B6	RVB 71 178 182	#47B2B6

#B5E2DF #A2DAD8 #90D2D1 #7ECACA #6BC2C3 #59BABC #47B2B6

#B5E2DF - #47B2B6

Mélange HSV

#B5E2DF - #47B2B6 | 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 #B5E2DF 0% et #47B2B6 100%.

0.0%	0.0% #B5E2DF	RVB 181 226 223	#B5E2DF
16.7%	16.7% #A0DAD7	RVB 160 218 215	#A0DAD7
33.3%	33.3% #8CD3D1	RVB 140 211 209	#8CD3D1
50.0%	50.0% #79CCCA	RVB 121 204 202	#79CCCA
66.7%	66.7% #67C4C4	RVB 103 196 196	#67C4C4
83.3%	83.3% #56BBBD	RVB 86 187 189	#56BBBD
100.0%	100.0% #47B2B6	RVB 71 178 182	#47B2B6

#B5E2DF #A0DAD7 #8CD3D1 #79CCCA #67C4C4 #56BBBD #47B2B6

#B5E2DF - #79CCCA - #47B2B6

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E2DF 0%, #79CCCA 50%, #47B2B6 100%);
    background: -webkit-linear-gradient(top, #B5E2DF 0%, #79CCCA 50%, #47B2B6 100%);
    background: linear-gradient(to bottom, #B5E2DF 0%, #79CCCA 50%, #47B2B6 100%);
}
</style>