#004040 - #B6C8C8 | 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 #004040 à #B6C8C8

#004040 #B6C8C8

Calculez la couleur entre deux couleurs, #004040 et #B6C8C8. 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)

#004040 - #B6C8C8 | 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 #004040 0% et #B6C8C8 100%.

0.0%	0.0% #004040	RVB 0 64 64	#004040
16.7%	16.7% #1E5656	RVB 30 86 86	#1E5656
33.3%	33.3% #3C6D6D	RVB 60 109 109	#3C6D6D
50.0%	50.0% #5B8484	RVB 91 132 132	#5B8484
66.7%	66.7% #799A9A	RVB 121 154 154	#799A9A
83.3%	83.3% #97B1B1	RVB 151 177 177	#97B1B1
100.0%	100.0% #B6C8C8	RVB 182 200 200	#B6C8C8

#004040 #1E5656 #3C6D6D #5B8484 #799A9A #97B1B1 #B6C8C8

#004040 - #B6C8C8

Mélange HSV

#004040 - #B6C8C8 | 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 #004040 0% et #B6C8C8 100%.

0.0%	0.0% #004040	RVB 0 64 64	#004040
16.7%	16.7% #0D5656	RVB 13 86 86	#0D5656
33.3%	33.3% #216D6D	RVB 33 109 109	#216D6D
50.0%	50.0% #3C8484	RVB 60 132 132	#3C8484
66.7%	66.7% #5D9A9A	RVB 93 154 154	#5D9A9A
83.3%	83.3% #86B1B1	RVB 134 177 177	#86B1B1
100.0%	100.0% #B6C8C8	RVB 182 200 200	#B6C8C8

#004040 #0D5656 #216D6D #3C8484 #5D9A9A #86B1B1 #B6C8C8

#004040 - #3C8484 - #B6C8C8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #004040 0%, #3C8484 50%, #B6C8C8 100%);
    background: -webkit-linear-gradient(top, #004040 0%, #3C8484 50%, #B6C8C8 100%);
    background: linear-gradient(to bottom, #004040 0%, #3C8484 50%, #B6C8C8 100%);
}
</style>