#2D852D - #DCDA5E | 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 #2D852D à #DCDA5E

#2D852D #DCDA5E

Calculez la couleur entre deux couleurs, #2D852D et #DCDA5E. 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)

#2D852D - #DCDA5E | 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 #2D852D 0% et #DCDA5E 100%.

0.0%	0.0% #2D852D	RVB 45 133 45	#2D852D
16.7%	16.7% #4A9335	RVB 74 147 53	#4A9335
33.3%	33.3% #67A13D	RVB 103 161 61	#67A13D
50.0%	50.0% #84AF45	RVB 132 175 69	#84AF45
66.7%	66.7% #A1BD4D	RVB 161 189 77	#A1BD4D
83.3%	83.3% #BECB55	RVB 190 203 85	#BECB55
100.0%	100.0% #DCDA5E	RVB 220 218 94	#DCDA5E

#2D852D #4A9335 #67A13D #84AF45 #A1BD4D #BECB55 #DCDA5E

#2D852D - #DCDA5E

Mélange HSV

#2D852D - #DCDA5E | 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 #2D852D 0% et #DCDA5E 100%.

0.0%	0.0% #2C852D	RVB 44 133 45	#2C852D
16.7%	16.7% #449334	RVB 68 147 52	#449334
33.3%	33.3% #5EA23B	RVB 94 162 59	#5EA23B
50.0%	50.0% #7AB043	RVB 122 176 67	#7AB043
66.7%	66.7% #99BF4B	RVB 153 191 75	#99BF4B
83.3%	83.3% #BACD54	RVB 186 205 84	#BACD54
100.0%	100.0% #DCDA5E	RVB 220 218 94	#DCDA5E

#2C852D #449334 #5EA23B #7AB043 #99BF4B #BACD54 #DCDA5E

#2D852D - #7AB043 - #DCDA5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C852D 0%, #7AB043 50%, #DCDA5E 100%);
    background: -webkit-linear-gradient(top, #2C852D 0%, #7AB043 50%, #DCDA5E 100%);
    background: linear-gradient(to bottom, #2C852D 0%, #7AB043 50%, #DCDA5E 100%);
}
</style>