#B5E4D0 - #59B2A8 | 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 #B5E4D0 à #59B2A8

#B5E4D0 #59B2A8

Calculez la couleur entre deux couleurs, #B5E4D0 et #59B2A8. 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)

#B5E4D0 - #59B2A8 | 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 #B5E4D0 0% et #59B2A8 100%.

0.0%	0.0% #B5E4D0	RVB 181 228 208	#B5E4D0
16.7%	16.7% #A5DBC9	RVB 165 219 201	#A5DBC9
33.3%	33.3% #96D3C2	RVB 150 211 194	#96D3C2
50.0%	50.0% #87CBBC	RVB 135 203 188	#87CBBC
66.7%	66.7% #77C2B5	RVB 119 194 181	#77C2B5
83.3%	83.3% #68BAAE	RVB 104 186 174	#68BAAE
100.0%	100.0% #59B2A8	RVB 89 178 168	#59B2A8

#B5E4D0 #A5DBC9 #96D3C2 #87CBBC #77C2B5 #68BAAE #59B2A8

#B5E4D0 - #59B2A8

Mélange HSV

#B5E4D0 - #59B2A8 | 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 #B5E4D0 0% et #59B2A8 100%.

0.0%	0.0% #B5E4D0	RVB 181 228 208	#B5E4D0
16.7%	16.7% #A3DBC6	RVB 163 219 198	#A3DBC6
33.3%	33.3% #93D3BE	RVB 147 211 190	#93D3BE
50.0%	50.0% #83CBB7	RVB 131 203 183	#83CBB7
66.7%	66.7% #74C2B1	RVB 116 194 177	#74C2B1
83.3%	83.3% #66BAAC	RVB 102 186 172	#66BAAC
100.0%	100.0% #59B2A8	RVB 89 178 168	#59B2A8

#B5E4D0 #A3DBC6 #93D3BE #83CBB7 #74C2B1 #66BAAC #59B2A8

#B5E4D0 - #83CBB7 - #59B2A8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E4D0 0%, #83CBB7 50%, #59B2A8 100%);
    background: -webkit-linear-gradient(top, #B5E4D0 0%, #83CBB7 50%, #59B2A8 100%);
    background: linear-gradient(to bottom, #B5E4D0 0%, #83CBB7 50%, #59B2A8 100%);
}
</style>