#085E5E - #63B589 | 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 #085E5E à #63B589

#085E5E #63B589

Calculez la couleur entre deux couleurs, #085E5E et #63B589. 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)

#085E5E - #63B589 | 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 #085E5E 0% et #63B589 100%.

0.0%	0.0% #085E5E	RVB 8 94 94	#085E5E
16.7%	16.7% #176C65	RVB 23 108 101	#176C65
33.3%	33.3% #267B6C	RVB 38 123 108	#267B6C
50.0%	50.0% #358973	RVB 53 137 115	#358973
66.7%	66.7% #44987A	RVB 68 152 122	#44987A
83.3%	83.3% #53A681	RVB 83 166 129	#53A681
100.0%	100.0% #63B589	RVB 99 181 137	#63B589

#085E5E #176C65 #267B6C #358973 #44987A #53A681 #63B589

#085E5E - #63B589

Mélange HSV

#085E5E - #63B589 | 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 #085E5E 0% et #63B589 100%.

0.0%	0.0% #075E5E	RVB 7 94 94	#075E5E
16.7%	16.7% #116C64	RVB 17 108 100	#116C64
33.3%	33.3% #1D7B6A	RVB 29 123 106	#1D7B6A
50.0%	50.0% #2B8970	RVB 43 137 112	#2B8970
66.7%	66.7% #3B9876	RVB 59 152 118	#3B9876
83.3%	83.3% #4EA67F	RVB 78 166 127	#4EA67F
100.0%	100.0% #63B589	RVB 99 181 137	#63B589

#075E5E #116C64 #1D7B6A #2B8970 #3B9876 #4EA67F #63B589

#085E5E - #2B8970 - #63B589

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #075E5E 0%, #2B8970 50%, #63B589 100%);
    background: -webkit-linear-gradient(top, #075E5E 0%, #2B8970 50%, #63B589 100%);
    background: linear-gradient(to bottom, #075E5E 0%, #2B8970 50%, #63B589 100%);
}
</style>