#1E5E5E - #BED1D1 | 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 #1E5E5E à #BED1D1

#1E5E5E #BED1D1

Calculez la couleur entre deux couleurs, #1E5E5E et #BED1D1. 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)

#1E5E5E - #BED1D1 | 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 #1E5E5E 0% et #BED1D1 100%.

0.0%	0.0% #1E5E5E	RVB 30 94 94	#1E5E5E
16.7%	16.7% #387171	RVB 56 113 113	#387171
33.3%	33.3% #538484	RVB 83 132 132	#538484
50.0%	50.0% #6E9797	RVB 110 151 151	#6E9797
66.7%	66.7% #88AAAA	RVB 136 170 170	#88AAAA
83.3%	83.3% #A3BDBD	RVB 163 189 189	#A3BDBD
100.0%	100.0% #BED1D1	RVB 190 209 209	#BED1D1

#1E5E5E #387171 #538484 #6E9797 #88AAAA #A3BDBD #BED1D1

#1E5E5E - #BED1D1

Mélange HSV

#1E5E5E - #BED1D1 | 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 #1E5E5E 0% et #BED1D1 100%.

0.0%	0.0% #1E5E5E	RVB 30 94 94	#1E5E5E
16.7%	16.7% #2F7171	RVB 47 113 113	#2F7171
33.3%	33.3% #448484	RVB 68 132 132	#448484
50.0%	50.0% #5D9797	RVB 93 151 151	#5D9797
66.7%	66.7% #79AAAA	RVB 121 170 170	#79AAAA
83.3%	83.3% #99BDBD	RVB 153 189 189	#99BDBD
100.0%	100.0% #BED1D1	RVB 190 209 209	#BED1D1

#1E5E5E #2F7171 #448484 #5D9797 #79AAAA #99BDBD #BED1D1

#1E5E5E - #5D9797 - #BED1D1

Codes CSS

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

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