#379D23 - #C5E3C0 | 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 #379D23 à #C5E3C0

#379D23 #C5E3C0

Calculez la couleur entre deux couleurs, #379D23 et #C5E3C0. 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)

#379D23 - #C5E3C0 | 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 #379D23 0% et #C5E3C0 100%.

0.0%	0.0% #379D23	RVB 55 157 35	#379D23
16.7%	16.7% #4EA83D	RVB 78 168 61	#4EA83D
33.3%	33.3% #66B457	RVB 102 180 87	#66B457
50.0%	50.0% #7EC071	RVB 126 192 113	#7EC071
66.7%	66.7% #95CB8B	RVB 149 203 139	#95CB8B
83.3%	83.3% #ADD7A5	RVB 173 215 165	#ADD7A5
100.0%	100.0% #C5E3C0	RVB 197 227 192	#C5E3C0

#379D23 #4EA83D #66B457 #7EC071 #95CB8B #ADD7A5 #C5E3C0

#379D23 - #C5E3C0

Mélange HSV

#379D23 - #C5E3C0 | 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 #379D23 0% et #C5E3C0 100%.

0.0%	0.0% #379D23	RVB 55 157 35	#379D23
16.7%	16.7% #49A837	RVB 73 168 55	#49A837
33.3%	33.3% #5DB44D	RVB 93 180 77	#5DB44D
50.0%	50.0% #74C066	RVB 116 192 102	#74C066
66.7%	66.7% #8DCB81	RVB 141 203 129	#8DCB81
83.3%	83.3% #A7D79F	RVB 167 215 159	#A7D79F
100.0%	100.0% #C5E3C0	RVB 197 227 192	#C5E3C0

#379D23 #49A837 #5DB44D #74C066 #8DCB81 #A7D79F #C5E3C0

#379D23 - #74C066 - #C5E3C0

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #379D23 0%, #74C066 50%, #C5E3C0 100%);
    background: -webkit-linear-gradient(top, #379D23 0%, #74C066 50%, #C5E3C0 100%);
    background: linear-gradient(to bottom, #379D23 0%, #74C066 50%, #C5E3C0 100%);
}
</style>