#2B5E32 - #C2D1C3 | 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 #2B5E32 à #C2D1C3

#2B5E32 #C2D1C3

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

#2B5E32 - #C2D1C3 | 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 #2B5E32 0% et #C2D1C3 100%.

0.0%	0.0% #2B5E32	RVB 43 94 50	#2B5E32
16.7%	16.7% #44714A	RVB 68 113 74	#44714A
33.3%	33.3% #5D8462	RVB 93 132 98	#5D8462
50.0%	50.0% #76977A	RVB 118 151 122	#76977A
66.7%	66.7% #8FAA92	RVB 143 170 146	#8FAA92
83.3%	83.3% #A8BDAA	RVB 168 189 170	#A8BDAA
100.0%	100.0% #C2D1C3	RVB 194 209 195	#C2D1C3

#2B5E32 #44714A #5D8462 #76977A #8FAA92 #A8BDAA #C2D1C3

#2B5E32 - #C2D1C3

Mélange HSV

#2B5E32 - #C2D1C3 | 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 #2B5E32 0% et #C2D1C3 100%.

0.0%	0.0% #2B5E32	RVB 43 94 50	#2B5E32
16.7%	16.7% #3C7143	RVB 60 113 67	#3C7143
33.3%	33.3% #518457	RVB 81 132 87	#518457
50.0%	50.0% #68976D	RVB 104 151 109	#68976D
66.7%	66.7% #83AA87	RVB 131 170 135	#83AA87
83.3%	83.3% #A1BDA3	RVB 161 189 163	#A1BDA3
100.0%	100.0% #C2D1C3	RVB 194 209 195	#C2D1C3

#2B5E32 #3C7143 #518457 #68976D #83AA87 #A1BDA3 #C2D1C3

#2B5E32 - #68976D - #C2D1C3

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E32 0%, #68976D 50%, #C2D1C3 100%);
    background: -webkit-linear-gradient(top, #2B5E32 0%, #68976D 50%, #C2D1C3 100%);
    background: linear-gradient(to bottom, #2B5E32 0%, #68976D 50%, #C2D1C3 100%);
}
</style>