#002F2F - #B6C3C3 | 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 #002F2F à #B6C3C3

#002F2F #B6C3C3

Calculez la couleur entre deux couleurs, #002F2F et #B6C3C3. 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)

#002F2F - #B6C3C3 | 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 #002F2F 0% et #B6C3C3 100%.

0.0%	0.0% #002F2F	RVB 0 47 47	#002F2F
16.7%	16.7% #1E4747	RVB 30 71 71	#1E4747
33.3%	33.3% #3C6060	RVB 60 96 96	#3C6060
50.0%	50.0% #5B7979	RVB 91 121 121	#5B7979
66.7%	66.7% #799191	RVB 121 145 145	#799191
83.3%	83.3% #97AAAA	RVB 151 170 170	#97AAAA
100.0%	100.0% #B6C3C3	RVB 182 195 195	#B6C3C3

#002F2F #1E4747 #3C6060 #5B7979 #799191 #97AAAA #B6C3C3

#002F2F - #B6C3C3

Mélange HSV

#002F2F - #B6C3C3 | 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 #002F2F 0% et #B6C3C3 100%.

0.0%	0.0% #002F2F	RVB 0 47 47	#002F2F
16.7%	16.7% #0B4747	RVB 11 71 71	#0B4747
33.3%	33.3% #1D6060	RVB 29 96 96	#1D6060
50.0%	50.0% #387979	RVB 56 121 121	#387979
66.7%	66.7% #5A9191	RVB 90 145 145	#5A9191
83.3%	83.3% #84AAAA	RVB 132 170 170	#84AAAA
100.0%	100.0% #B6C3C3	RVB 182 195 195	#B6C3C3

#002F2F #0B4747 #1D6060 #387979 #5A9191 #84AAAA #B6C3C3

#002F2F - #387979 - #B6C3C3

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002F2F 0%, #387979 50%, #B6C3C3 100%);
    background: -webkit-linear-gradient(top, #002F2F 0%, #387979 50%, #B6C3C3 100%);
    background: linear-gradient(to bottom, #002F2F 0%, #387979 50%, #B6C3C3 100%);
}
</style>