#5E8A8F - #B8ACB0 | 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 #5E8A8F à #B8ACB0

#5E8A8F #B8ACB0

Calculez la couleur entre deux couleurs, #5E8A8F et #B8ACB0. 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)

#5E8A8F - #B8ACB0 | 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 #5E8A8F 0% et #B8ACB0 100%.

0.0%	0.0% #5E8A8F	RVB 94 138 143	#5E8A8F
16.7%	16.7% #6D8F94	RVB 109 143 148	#6D8F94
33.3%	33.3% #7C959A	RVB 124 149 154	#7C959A
50.0%	50.0% #8B9B9F	RVB 139 155 159	#8B9B9F
66.7%	66.7% #9AA0A5	RVB 154 160 165	#9AA0A5
83.3%	83.3% #A9A6AA	RVB 169 166 170	#A9A6AA
100.0%	100.0% #B8ACB0	RVB 184 172 176	#B8ACB0

#5E8A8F #6D8F94 #7C959A #8B9B9F #9AA0A5 #A9A6AA #B8ACB0

#5E8A8F - #B8ACB0

Mélange HSV

#5E8A8F - #B8ACB0 | 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 #5E8A8F 0% et #B8ACB0 100%.

0.0%	0.0% #5E8A8F	RVB 94 138 143	#5E8A8F
16.7%	16.7% #697E95	RVB 105 126 149	#697E95
33.3%	33.3% #75779C	RVB 117 119 156	#75779C
50.0%	50.0% #8E82A3	RVB 142 130 163	#8E82A3
66.7%	66.7% #A58FAA	RVB 165 143 170	#A58FAA
83.3%	83.3% #B19DAC	RVB 177 157 172	#B19DAC
100.0%	100.0% #B8ACB0	RVB 184 172 176	#B8ACB0

#5E8A8F #697E95 #75779C #8E82A3 #A58FAA #B19DAC #B8ACB0

#5E8A8F - #8E82A3 - #B8ACB0

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8A8F 0%, #8E82A3 50%, #B8ACB0 100%);
    background: -webkit-linear-gradient(top, #5E8A8F 0%, #8E82A3 50%, #B8ACB0 100%);
    background: linear-gradient(to bottom, #5E8A8F 0%, #8E82A3 50%, #B8ACB0 100%);
}
</style>