#095E84 - #B8D1DB | 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 #095E84 à #B8D1DB

#095E84 #B8D1DB

Calculez la couleur entre deux couleurs, #095E84 et #B8D1DB. 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)

#095E84 - #B8D1DB | 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 #095E84 0% et #B8D1DB 100%.

0.0%	0.0% #095E84	RVB 9 94 132	#095E84
16.7%	16.7% #267192	RVB 38 113 146	#267192
33.3%	33.3% #4384A1	RVB 67 132 161	#4384A1
50.0%	50.0% #6097AF	RVB 96 151 175	#6097AF
66.7%	66.7% #7DAABE	RVB 125 170 190	#7DAABE
83.3%	83.3% #9ABDCC	RVB 154 189 204	#9ABDCC
100.0%	100.0% #B8D1DB	RVB 184 209 219	#B8D1DB

#095E84 #267192 #4384A1 #6097AF #7DAABE #9ABDCC #B8D1DB

#095E84 - #B8D1DB

Mélange HSV

#095E84 - #B8D1DB | 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 #095E84 0% et #B8D1DB 100%.

0.0%	0.0% #085D84	RVB 8 93 132	#085D84
16.7%	16.7% #1C6E92	RVB 28 110 146	#1C6E92
33.3%	33.3% #3480A1	RVB 52 128 161	#3480A1
50.0%	50.0% #4F93AF	RVB 79 147 175	#4F93AF
66.7%	66.7% #6EA6BE	RVB 110 166 190	#6EA6BE
83.3%	83.3% #91BBCC	RVB 145 187 204	#91BBCC
100.0%	100.0% #B8D1DB	RVB 184 209 219	#B8D1DB

#085D84 #1C6E92 #3480A1 #4F93AF #6EA6BE #91BBCC #B8D1DB

#095E84 - #4F93AF - #B8D1DB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #085D84 0%, #4F93AF 50%, #B8D1DB 100%);
    background: -webkit-linear-gradient(top, #085D84 0%, #4F93AF 50%, #B8D1DB 100%);
    background: linear-gradient(to bottom, #085D84 0%, #4F93AF 50%, #B8D1DB 100%);
}
</style>