#0F5E5E - #BAD1D1 | 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 #0F5E5E à #BAD1D1

#0F5E5E #BAD1D1

Calculez la couleur entre deux couleurs, #0F5E5E et #BAD1D1. 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)

#0F5E5E - #BAD1D1 | 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 #0F5E5E 0% et #BAD1D1 100%.

0.0%	0.0% #0F5E5E	RVB 15 94 94	#0F5E5E
16.7%	16.7% #2B7171	RVB 43 113 113	#2B7171
33.3%	33.3% #488484	RVB 72 132 132	#488484
50.0%	50.0% #649797	RVB 100 151 151	#649797
66.7%	66.7% #81AAAA	RVB 129 170 170	#81AAAA
83.3%	83.3% #9DBDBD	RVB 157 189 189	#9DBDBD
100.0%	100.0% #BAD1D1	RVB 186 209 209	#BAD1D1

#0F5E5E #2B7171 #488484 #649797 #81AAAA #9DBDBD #BAD1D1

#0F5E5E - #BAD1D1

Mélange HSV

#0F5E5E - #BAD1D1 | 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 #0F5E5E 0% et #BAD1D1 100%.

0.0%	0.0% #0E5E5E	RVB 14 94 94	#0E5E5E
16.7%	16.7% #1F7171	RVB 31 113 113	#1F7171
33.3%	33.3% #358484	RVB 53 132 132	#358484
50.0%	50.0% #4F9797	RVB 79 151 151	#4F9797
66.7%	66.7% #6EAAAA	RVB 110 170 170	#6EAAAA
83.3%	83.3% #91BDBD	RVB 145 189 189	#91BDBD
100.0%	100.0% #BAD1D1	RVB 186 209 209	#BAD1D1

#0E5E5E #1F7171 #358484 #4F9797 #6EAAAA #91BDBD #BAD1D1

#0F5E5E - #4F9797 - #BAD1D1

Codes CSS

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

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