#B5E2DC - #48B5AF | 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 #B5E2DC à #48B5AF

#B5E2DC #48B5AF

Calculez la couleur entre deux couleurs, #B5E2DC et #48B5AF. 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)

#B5E2DC - #48B5AF | 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 #B5E2DC 0% et #48B5AF 100%.

0.0%	0.0% #B5E2DC	RVB 181 226 220	#B5E2DC
16.7%	16.7% #A2DAD4	RVB 162 218 212	#A2DAD4
33.3%	33.3% #90D3CD	RVB 144 211 205	#90D3CD
50.0%	50.0% #7ECBC5	RVB 126 203 197	#7ECBC5
66.7%	66.7% #6CC4BE	RVB 108 196 190	#6CC4BE
83.3%	83.3% #5ABCB6	RVB 90 188 182	#5ABCB6
100.0%	100.0% #48B5AF	RVB 72 181 175	#48B5AF

#B5E2DC #A2DAD4 #90D3CD #7ECBC5 #6CC4BE #5ABCB6 #48B5AF

#B5E2DC - #48B5AF

Mélange HSV

#B5E2DC - #48B5AF | 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 #B5E2DC 0% et #48B5AF 100%.

0.0%	0.0% #B5E2DC	RVB 181 226 220	#B5E2DC
16.7%	16.7% #A0DAD3	RVB 160 218 211	#A0DAD3
33.3%	33.3% #8CD3CB	RVB 140 211 203	#8CD3CB
50.0%	50.0% #79CBC3	RVB 121 203 195	#79CBC3
66.7%	66.7% #68C4BC	RVB 104 196 188	#68C4BC
83.3%	83.3% #57BCB5	RVB 87 188 181	#57BCB5
100.0%	100.0% #48B5AF	RVB 72 181 175	#48B5AF

#B5E2DC #A0DAD3 #8CD3CB #79CBC3 #68C4BC #57BCB5 #48B5AF

#B5E2DC - #79CBC3 - #48B5AF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E2DC 0%, #79CBC3 50%, #48B5AF 100%);
    background: -webkit-linear-gradient(top, #B5E2DC 0%, #79CBC3 50%, #48B5AF 100%);
    background: linear-gradient(to bottom, #B5E2DC 0%, #79CBC3 50%, #48B5AF 100%);
}
</style>