#ABC6AF - #5E8576 | 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 #ABC6AF à #5E8576

#ABC6AF #5E8576

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

#ABC6AF - #5E8576 | 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 #ABC6AF 0% et #5E8576 100%.

0.0%	0.0% #ABC6AF	RVB 171 198 175	#ABC6AF
16.7%	16.7% #9EBBA5	RVB 158 187 165	#9EBBA5
33.3%	33.3% #91B09C	RVB 145 176 156	#91B09C
50.0%	50.0% #84A592	RVB 132 165 146	#84A592
66.7%	66.7% #779A89	RVB 119 154 137	#779A89
83.3%	83.3% #6A8F7F	RVB 106 143 127	#6A8F7F
100.0%	100.0% #5E8576	RVB 94 133 118	#5E8576

#ABC6AF #9EBBA5 #91B09C #84A592 #779A89 #6A8F7F #5E8576

#ABC6AF - #5E8576

Mélange HSV

#ABC6AF - #5E8576 | 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 #ABC6AF 0% et #5E8576 100%.

0.0%	0.0% #ABC6AF	RVB 171 198 175	#ABC6AF
16.7%	16.7% #9CBBA3	RVB 156 187 163	#9CBBA3
33.3%	33.3% #8FB099	RVB 143 176 153	#8FB099
50.0%	50.0% #81A58F	RVB 129 165 143	#81A58F
66.7%	66.7% #759A86	RVB 117 154 134	#759A86
83.3%	83.3% #698F7E	RVB 105 143 126	#698F7E
100.0%	100.0% #5E8576	RVB 94 133 118	#5E8576

#ABC6AF #9CBBA3 #8FB099 #81A58F #759A86 #698F7E #5E8576

#ABC6AF - #81A58F - #5E8576

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6AF 0%, #81A58F 50%, #5E8576 100%);
    background: -webkit-linear-gradient(top, #ABC6AF 0%, #81A58F 50%, #5E8576 100%);
    background: linear-gradient(to bottom, #ABC6AF 0%, #81A58F 50%, #5E8576 100%);
}
</style>