#1E5E3E - #BED1C7 | 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 #1E5E3E à #BED1C7

#1E5E3E #BED1C7

Calculez la couleur entre deux couleurs, #1E5E3E et #BED1C7. 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)

#1E5E3E - #BED1C7 | 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 #1E5E3E 0% et #BED1C7 100%.

0.0%	0.0% #1E5E3E	RVB 30 94 62	#1E5E3E
16.7%	16.7% #387154	RVB 56 113 84	#387154
33.3%	33.3% #53846B	RVB 83 132 107	#53846B
50.0%	50.0% #6E9782	RVB 110 151 130	#6E9782
66.7%	66.7% #88AA99	RVB 136 170 153	#88AA99
83.3%	83.3% #A3BDB0	RVB 163 189 176	#A3BDB0
100.0%	100.0% #BED1C7	RVB 190 209 199	#BED1C7

#1E5E3E #387154 #53846B #6E9782 #88AA99 #A3BDB0 #BED1C7

#1E5E3E - #BED1C7

Mélange HSV

#1E5E3E - #BED1C7 | 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 #1E5E3E 0% et #BED1C7 100%.

0.0%	0.0% #1E5E3E	RVB 30 94 62	#1E5E3E
16.7%	16.7% #2F714F	RVB 47 113 79	#2F714F
33.3%	33.3% #448463	RVB 68 132 99	#448463
50.0%	50.0% #5D9779	RVB 93 151 121	#5D9779
66.7%	66.7% #79AA91	RVB 121 170 145	#79AA91
83.3%	83.3% #99BDAB	RVB 153 189 171	#99BDAB
100.0%	100.0% #BED1C7	RVB 190 209 199	#BED1C7

#1E5E3E #2F714F #448463 #5D9779 #79AA91 #99BDAB #BED1C7

#1E5E3E - #5D9779 - #BED1C7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E5E3E 0%, #5D9779 50%, #BED1C7 100%);
    background: -webkit-linear-gradient(top, #1E5E3E 0%, #5D9779 50%, #BED1C7 100%);
    background: linear-gradient(to bottom, #1E5E3E 0%, #5D9779 50%, #BED1C7 100%);
}
</style>