#3A6B5E - #C6D4D1 | 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 #3A6B5E à #C6D4D1

#3A6B5E #C6D4D1

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

#3A6B5E - #C6D4D1 | 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 #3A6B5E 0% et #C6D4D1 100%.

0.0%	0.0% #3A6B5E	RVB 58 107 94	#3A6B5E
16.7%	16.7% #517C71	RVB 81 124 113	#517C71
33.3%	33.3% #688E84	RVB 104 142 132	#688E84
50.0%	50.0% #809F97	RVB 128 159 151	#809F97
66.7%	66.7% #97B1AA	RVB 151 177 170	#97B1AA
83.3%	83.3% #AEC2BD	RVB 174 194 189	#AEC2BD
100.0%	100.0% #C6D4D1	RVB 198 212 209	#C6D4D1

#3A6B5E #517C71 #688E84 #809F97 #97B1AA #AEC2BD #C6D4D1

#3A6B5E - #C6D4D1

Mélange HSV

#3A6B5E - #C6D4D1 | 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 #3A6B5E 0% et #C6D4D1 100%.

0.0%	0.0% #3A6B5E	RVB 58 107 94	#3A6B5E
16.7%	16.7% #4B7C6F	RVB 75 124 111	#4B7C6F
33.3%	33.3% #5F8E82	RVB 95 142 130	#5F8E82
50.0%	50.0% #759F95	RVB 117 159 149	#759F95
66.7%	66.7% #8EB1A8	RVB 142 177 168	#8EB1A8
83.3%	83.3% #A8C2BC	RVB 168 194 188	#A8C2BC
100.0%	100.0% #C6D4D1	RVB 198 212 209	#C6D4D1

#3A6B5E #4B7C6F #5F8E82 #759F95 #8EB1A8 #A8C2BC #C6D4D1

#3A6B5E - #759F95 - #C6D4D1

Codes CSS

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

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