#00A67E - #C0FF9F | 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 #00A67E à #C0FF9F

#00A67E #C0FF9F

Calculez la couleur entre deux couleurs, #00A67E et #C0FF9F. 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)

#00A67E - #C0FF9F | 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 #00A67E 0% et #C0FF9F 100%.

0.0%	0.0% #00A67E	RVB 0 166 126	#00A67E
16.7%	16.7% #20B483	RVB 32 180 131	#20B483
33.3%	33.3% #40C389	RVB 64 195 137	#40C389
50.0%	50.0% #60D28E	RVB 96 210 142	#60D28E
66.7%	66.7% #80E194	RVB 128 225 148	#80E194
83.3%	83.3% #A0F099	RVB 160 240 153	#A0F099
100.0%	100.0% #C0FF9F	RVB 192 255 159	#C0FF9F

#00A67E #20B483 #40C389 #60D28E #80E194 #A0F099 #C0FF9F

#00A67E - #C0FF9F

Mélange HSV

#00A67E - #C0FF9F | 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 #00A67E 0% et #C0FF9F 100%.

0.0%	0.0% #00A67E	RVB 0 166 126	#00A67E
16.7%	16.7% #12B470	RVB 18 180 112	#12B470
33.3%	33.3% #28C365	RVB 40 195 101	#28C365
50.0%	50.0% #41D25F	RVB 65 210 95	#41D25F
66.7%	66.7% #5DE160	RVB 93 225 96	#5DE160
83.3%	83.3% #8FF07C	RVB 143 240 124	#8FF07C
100.0%	100.0% #C0FF9F	RVB 192 255 159	#C0FF9F

#00A67E #12B470 #28C365 #41D25F #5DE160 #8FF07C #C0FF9F

#00A67E - #41D25F - #C0FF9F

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A67E 0%, #41D25F 50%, #C0FF9F 100%);
    background: -webkit-linear-gradient(top, #00A67E 0%, #41D25F 50%, #C0FF9F 100%);
    background: linear-gradient(to bottom, #00A67E 0%, #41D25F 50%, #C0FF9F 100%);
}
</style>