#00963C - #B6E1C7 | 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 #00963C à #B6E1C7

#00963C #B6E1C7

Calculez la couleur entre deux couleurs, #00963C et #B6E1C7. 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)

#00963C - #B6E1C7 | 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 #00963C 0% et #B6E1C7 100%.

0.0%	0.0% #00963C	RVB 0 150 60	#00963C
16.7%	16.7% #1EA253	RVB 30 162 83	#1EA253
33.3%	33.3% #3CAF6A	RVB 60 175 106	#3CAF6A
50.0%	50.0% #5BBB81	RVB 91 187 129	#5BBB81
66.7%	66.7% #79C898	RVB 121 200 152	#79C898
83.3%	83.3% #97D4AF	RVB 151 212 175	#97D4AF
100.0%	100.0% #B6E1C7	RVB 182 225 199	#B6E1C7

#00963C #1EA253 #3CAF6A #5BBB81 #79C898 #97D4AF #B6E1C7

#00963C - #B6E1C7

Mélange HSV

#00963C - #B6E1C7 | 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 #00963C 0% et #B6E1C7 100%.

0.0%	0.0% #00963C	RVB 0 150 60	#00963C
16.7%	16.7% #15A24E	RVB 21 162 78	#15A24E
33.3%	33.3% #2FAF62	RVB 47 175 98	#2FAF62
50.0%	50.0% #4BBB78	RVB 75 187 120	#4BBB78
66.7%	66.7% #6BC890	RVB 107 200 144	#6BC890
83.3%	83.3% #8FD4AA	RVB 143 212 170	#8FD4AA
100.0%	100.0% #B6E1C7	RVB 182 225 199	#B6E1C7

#00963C #15A24E #2FAF62 #4BBB78 #6BC890 #8FD4AA #B6E1C7

#00963C - #4BBB78 - #B6E1C7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00963C 0%, #4BBB78 50%, #B6E1C7 100%);
    background: -webkit-linear-gradient(top, #00963C 0%, #4BBB78 50%, #B6E1C7 100%);
    background: linear-gradient(to bottom, #00963C 0%, #4BBB78 50%, #B6E1C7 100%);
}
</style>