#ABC6CF - #30383B | 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 #ABC6CF à #30383B

#ABC6CF #30383B

Calculez la couleur entre deux couleurs, #ABC6CF et #30383B. 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)

#ABC6CF - #30383B | 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 #ABC6CF 0% et #30383B 100%.

0.0%	0.0% #ABC6CF	RVB 171 198 207	#ABC6CF
16.7%	16.7% #96AEB6	RVB 150 174 182	#96AEB6
33.3%	33.3% #82969D	RVB 130 150 157	#82969D
50.0%	50.0% #6D7F85	RVB 109 127 133	#6D7F85
66.7%	66.7% #59676C	RVB 89 103 108	#59676C
83.3%	83.3% #444F53	RVB 68 79 83	#444F53
100.0%	100.0% #30383B	RVB 48 56 59	#30383B

#ABC6CF #96AEB6 #82969D #6D7F85 #59676C #444F53 #30383B

#ABC6CF - #30383B

Mélange HSV

#ABC6CF - #30383B | 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 #ABC6CF 0% et #30383B 100%.

0.0%	0.0% #ABC6CF	RVB 171 198 207	#ABC6CF
16.7%	16.7% #96AEB6	RVB 150 174 182	#96AEB6
33.3%	33.3% #81969D	RVB 129 150 157	#81969D
50.0%	50.0% #6D7E85	RVB 109 126 133	#6D7E85
66.7%	66.7% #58676C	RVB 88 103 108	#58676C
83.3%	83.3% #444F53	RVB 68 79 83	#444F53
100.0%	100.0% #30383B	RVB 48 56 59	#30383B

#ABC6CF #96AEB6 #81969D #6D7E85 #58676C #444F53 #30383B

#ABC6CF - #6D7E85 - #30383B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6CF 0%, #6D7E85 50%, #30383B 100%);
    background: -webkit-linear-gradient(top, #ABC6CF 0%, #6D7E85 50%, #30383B 100%);
    background: linear-gradient(to bottom, #ABC6CF 0%, #6D7E85 50%, #30383B 100%);
}
</style>