#087E5E - #B8DAD1 | 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 #087E5E à #B8DAD1

#087E5E #B8DAD1

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

#087E5E - #B8DAD1 | 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 #087E5E 0% et #B8DAD1 100%.

0.0%	0.0% #087E5E	RVB 8 126 94	#087E5E
16.7%	16.7% #258D71	RVB 37 141 113	#258D71
33.3%	33.3% #429C84	RVB 66 156 132	#429C84
50.0%	50.0% #60AC97	RVB 96 172 151	#60AC97
66.7%	66.7% #7DBBAA	RVB 125 187 170	#7DBBAA
83.3%	83.3% #9ACABD	RVB 154 202 189	#9ACABD
100.0%	100.0% #B8DAD1	RVB 184 218 209	#B8DAD1

#087E5E #258D71 #429C84 #60AC97 #7DBBAA #9ACABD #B8DAD1

#087E5E - #B8DAD1

Mélange HSV

#087E5E - #B8DAD1 | 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 #087E5E 0% et #B8DAD1 100%.

0.0%	0.0% #087E5D	RVB 8 126 93	#087E5D
16.7%	16.7% #1B8D6E	RVB 27 141 110	#1B8D6E
33.3%	33.3% #329C80	RVB 50 156 128	#329C80
50.0%	50.0% #4EAC92	RVB 78 172 146	#4EAC92
66.7%	66.7% #6DBBA6	RVB 109 187 166	#6DBBA6
83.3%	83.3% #90CABB	RVB 144 202 187	#90CABB
100.0%	100.0% #B8DAD1	RVB 184 218 209	#B8DAD1

#087E5D #1B8D6E #329C80 #4EAC92 #6DBBA6 #90CABB #B8DAD1

#087E5E - #4EAC92 - #B8DAD1

Codes CSS

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

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