#D5E3E7 - #3C4042 | 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 #D5E3E7 à #3C4042

#D5E3E7 #3C4042

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

#D5E3E7 - #3C4042 | 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 #D5E3E7 0% et #3C4042 100%.

0.0%	0.0% #D5E3E7	RVB 213 227 231	#D5E3E7
16.7%	16.7% #BBC7CB	RVB 187 199 203	#BBC7CB
33.3%	33.3% #A2ACB0	RVB 162 172 176	#A2ACB0
50.0%	50.0% #889194	RVB 136 145 148	#889194
66.7%	66.7% #6F7679	RVB 111 118 121	#6F7679
83.3%	83.3% #555B5D	RVB 85 91 93	#555B5D
100.0%	100.0% #3C4042	RVB 60 64 66	#3C4042

#D5E3E7 #BBC7CB #A2ACB0 #889194 #6F7679 #555B5D #3C4042

#D5E3E7 - #3C4042

Mélange HSV

#D5E3E7 - #3C4042 | 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 #D5E3E7 0% et #3C4042 100%.

0.0%	0.0% #D5E3E7	RVB 213 227 231	#D5E3E7
16.7%	16.7% #BBC7CB	RVB 187 199 203	#BBC7CB
33.3%	33.3% #A1ACB0	RVB 161 172 176	#A1ACB0
50.0%	50.0% #879194	RVB 135 145 148	#879194
66.7%	66.7% #6E7579	RVB 110 117 121	#6E7579
83.3%	83.3% #555A5D	RVB 85 90 93	#555A5D
100.0%	100.0% #3C4042	RVB 60 64 66	#3C4042

#D5E3E7 #BBC7CB #A1ACB0 #879194 #6E7579 #555A5D #3C4042

#D5E3E7 - #879194 - #3C4042

Codes CSS

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

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