#DBFF5E - #3E481A | 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 #DBFF5E à #3E481A

#DBFF5E #3E481A

Calculez la couleur entre deux couleurs, #DBFF5E et #3E481A. 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)

#DBFF5E - #3E481A | 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 #DBFF5E 0% et #3E481A 100%.

0.0%	0.0% #DBFF5E	RVB 219 255 94	#DBFF5E
16.7%	16.7% #C0E052	RVB 192 224 82	#C0E052
33.3%	33.3% #A6C247	RVB 166 194 71	#A6C247
50.0%	50.0% #8CA33C	RVB 140 163 60	#8CA33C
66.7%	66.7% #728430	RVB 114 132 48	#728430
83.3%	83.3% #586625	RVB 88 102 37	#586625
100.0%	100.0% #3E481A	RVB 62 72 26	#3E481A

#DBFF5E #C0E052 #A6C247 #8CA33C #728430 #586625 #3E481A

#DBFF5E - #3E481A

Mélange HSV

#DBFF5E - #3E481A | 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 #DBFF5E 0% et #3E481A 100%.

0.0%	0.0% #DBFF5D	RVB 219 255 93	#DBFF5D
16.7%	16.7% #C0E052	RVB 192 224 82	#C0E052
33.3%	33.3% #A6C247	RVB 166 194 71	#A6C247
50.0%	50.0% #8CA33B	RVB 140 163 59	#8CA33B
66.7%	66.7% #728430	RVB 114 132 48	#728430
83.3%	83.3% #586625	RVB 88 102 37	#586625
100.0%	100.0% #3E481A	RVB 62 72 26	#3E481A

#DBFF5D #C0E052 #A6C247 #8CA33B #728430 #586625 #3E481A

#DBFF5E - #8CA33B - #3E481A

Codes CSS

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

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