#085E6B - #B8D1D4 | 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 #085E6B à #B8D1D4

#085E6B #B8D1D4

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

#085E6B - #B8D1D4 | 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 #085E6B 0% et #B8D1D4 100%.

0.0%	0.0% #085E6B	RVB 8 94 107	#085E6B
16.7%	16.7% #25717C	RVB 37 113 124	#25717C
33.3%	33.3% #42848E	RVB 66 132 142	#42848E
50.0%	50.0% #60979F	RVB 96 151 159	#60979F
66.7%	66.7% #7DAAB1	RVB 125 170 177	#7DAAB1
83.3%	83.3% #9ABDC2	RVB 154 189 194	#9ABDC2
100.0%	100.0% #B8D1D4	RVB 184 209 212	#B8D1D4

#085E6B #25717C #42848E #60979F #7DAAB1 #9ABDC2 #B8D1D4

#085E6B - #B8D1D4

Mélange HSV

#085E6B - #B8D1D4 | 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 #085E6B 0% et #B8D1D4 100%.

0.0%	0.0% #075E6B	RVB 7 94 107	#075E6B
16.7%	16.7% #196F7C	RVB 25 111 124	#196F7C
33.3%	33.3% #30828E	RVB 48 130 142	#30828E
50.0%	50.0% #4B959F	RVB 75 149 159	#4B959F
66.7%	66.7% #6AA8B1	RVB 106 168 177	#6AA8B1
83.3%	83.3% #8FBCC2	RVB 143 188 194	#8FBCC2
100.0%	100.0% #B8D1D4	RVB 184 209 212	#B8D1D4

#075E6B #196F7C #30828E #4B959F #6AA8B1 #8FBCC2 #B8D1D4

#085E6B - #4B959F - #B8D1D4

Codes CSS

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

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