#6D9F84 - #D5E3DB | 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 #6D9F84 à #D5E3DB

#6D9F84 #D5E3DB

Calculez la couleur entre deux couleurs, #6D9F84 et #D5E3DB. 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)

#6D9F84 - #D5E3DB | 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 #6D9F84 0% et #D5E3DB 100%.

0.0%	0.0% #6D9F84	RVB 109 159 132	#6D9F84
16.7%	16.7% #7EAA92	RVB 126 170 146	#7EAA92
33.3%	33.3% #8FB5A1	RVB 143 181 161	#8FB5A1
50.0%	50.0% #A1C1AF	RVB 161 193 175	#A1C1AF
66.7%	66.7% #B2CCBE	RVB 178 204 190	#B2CCBE
83.3%	83.3% #C3D7CC	RVB 195 215 204	#C3D7CC
100.0%	100.0% #D5E3DB	RVB 213 227 219	#D5E3DB

#6D9F84 #7EAA92 #8FB5A1 #A1C1AF #B2CCBE #C3D7CC #D5E3DB

#6D9F84 - #D5E3DB

Mélange HSV

#6D9F84 - #D5E3DB | 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 #6D9F84 0% et #D5E3DB 100%.

0.0%	0.0% #6D9F84	RVB 109 159 132	#6D9F84
16.7%	16.7% #7BAA91	RVB 123 170 145	#7BAA91
33.3%	33.3% #8BB59E	RVB 139 181 158	#8BB59E
50.0%	50.0% #9CC1AC	RVB 156 193 172	#9CC1AC
66.7%	66.7% #AECCBB	RVB 174 204 187	#AECCBB
83.3%	83.3% #C1D7CA	RVB 193 215 202	#C1D7CA
100.0%	100.0% #D5E3DB	RVB 213 227 219	#D5E3DB

#6D9F84 #7BAA91 #8BB59E #9CC1AC #AECCBB #C1D7CA #D5E3DB

#6D9F84 - #9CC1AC - #D5E3DB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9F84 0%, #9CC1AC 50%, #D5E3DB 100%);
    background: -webkit-linear-gradient(top, #6D9F84 0%, #9CC1AC 50%, #D5E3DB 100%);
    background: linear-gradient(to bottom, #6D9F84 0%, #9CC1AC 50%, #D5E3DB 100%);
}
</style>