#D9F5E6 - #3E4641 | 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 #D9F5E6 à #3E4641

#D9F5E6 #3E4641

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

#D9F5E6 - #3E4641 | 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 #D9F5E6 0% et #3E4641 100%.

0.0%	0.0% #D9F5E6	RVB 217 245 230	#D9F5E6
16.7%	16.7% #BFD7CA	RVB 191 215 202	#BFD7CA
33.3%	33.3% #A5BAAF	RVB 165 186 175	#A5BAAF
50.0%	50.0% #8B9D93	RVB 139 157 147	#8B9D93
66.7%	66.7% #718078	RVB 113 128 120	#718078
83.3%	83.3% #57635C	RVB 87 99 92	#57635C
100.0%	100.0% #3E4641	RVB 62 70 65	#3E4641

#D9F5E6 #BFD7CA #A5BAAF #8B9D93 #718078 #57635C #3E4641

#D9F5E6 - #3E4641

Mélange HSV

#D9F5E6 - #3E4641 | 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 #D9F5E6 0% et #3E4641 100%.

0.0%	0.0% #D9F5E6	RVB 217 245 230	#D9F5E6
16.7%	16.7% #BFD7CA	RVB 191 215 202	#BFD7CA
33.3%	33.3% #A5BAAE	RVB 165 186 174	#A5BAAE
50.0%	50.0% #8B9D93	RVB 139 157 147	#8B9D93
66.7%	66.7% #718077	RVB 113 128 119	#718077
83.3%	83.3% #57635C	RVB 87 99 92	#57635C
100.0%	100.0% #3E4641	RVB 62 70 65	#3E4641

#D9F5E6 #BFD7CA #A5BAAE #8B9D93 #718077 #57635C #3E4641

#D9F5E6 - #8B9D93 - #3E4641

Codes CSS

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

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