#085E4D - #B8D1CC | 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 #085E4D à #B8D1CC

#085E4D #B8D1CC

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

#085E4D - #B8D1CC | 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 #085E4D 0% et #B8D1CC 100%.

0.0%	0.0% #085E4D	RVB 8 94 77	#085E4D
16.7%	16.7% #257162	RVB 37 113 98	#257162
33.3%	33.3% #428477	RVB 66 132 119	#428477
50.0%	50.0% #60978C	RVB 96 151 140	#60978C
66.7%	66.7% #7DAAA1	RVB 125 170 161	#7DAAA1
83.3%	83.3% #9ABDB6	RVB 154 189 182	#9ABDB6
100.0%	100.0% #B8D1CC	RVB 184 209 204	#B8D1CC

#085E4D #257162 #428477 #60978C #7DAAA1 #9ABDB6 #B8D1CC

#085E4D - #B8D1CC

Mélange HSV

#085E4D - #B8D1CC | 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 #085E4D 0% et #B8D1CC 100%.

0.0%	0.0% #075E4D	RVB 7 94 77	#075E4D
16.7%	16.7% #18715F	RVB 24 113 95	#18715F
33.3%	33.3% #2E8473	RVB 46 132 115	#2E8473
50.0%	50.0% #499787	RVB 73 151 135	#499787
66.7%	66.7% #69AA9D	RVB 105 170 157	#69AA9D
83.3%	83.3% #8DBDB4	RVB 141 189 180	#8DBDB4
100.0%	100.0% #B8D1CC	RVB 184 209 204	#B8D1CC

#075E4D #18715F #2E8473 #499787 #69AA9D #8DBDB4 #B8D1CC

#085E4D - #499787 - #B8D1CC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #075E4D 0%, #499787 50%, #B8D1CC 100%);
    background: -webkit-linear-gradient(top, #075E4D 0%, #499787 50%, #B8D1CC 100%);
    background: linear-gradient(to bottom, #075E4D 0%, #499787 50%, #B8D1CC 100%);
}
</style>