#5E7B6B - #8FCFEC | 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 #5E7B6B à #8FCFEC

#5E7B6B #8FCFEC

Calculez la couleur entre deux couleurs, #5E7B6B et #8FCFEC. 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)

#5E7B6B - #8FCFEC | 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 #5E7B6B 0% et #8FCFEC 100%.

0.0%	0.0% #5E7B6B	RVB 94 123 107	#5E7B6B
16.7%	16.7% #668980	RVB 102 137 128	#668980
33.3%	33.3% #6E9796	RVB 110 151 150	#6E9796
50.0%	50.0% #76A5AB	RVB 118 165 171	#76A5AB
66.7%	66.7% #7EB3C1	RVB 126 179 193	#7EB3C1
83.3%	83.3% #86C1D6	RVB 134 193 214	#86C1D6
100.0%	100.0% #8FCFEC	RVB 143 207 236	#8FCFEC

#5E7B6B #668980 #6E9796 #76A5AB #7EB3C1 #86C1D6 #8FCFEC

#5E7B6B - #8FCFEC

Mélange HSV

#5E7B6B - #8FCFEC | 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 #5E7B6B 0% et #8FCFEC 100%.

0.0%	0.0% #5E7B6B	RVB 94 123 107	#5E7B6B
16.7%	16.7% #688D7E	RVB 104 141 126	#688D7E
33.3%	33.3% #72A094	RVB 114 160 148	#72A094
50.0%	50.0% #7AB3AC	RVB 122 179 172	#7AB3AC
66.7%	66.7% #82C4C6	RVB 130 196 198	#82C4C6
83.3%	83.3% #89CBD9	RVB 137 203 217	#89CBD9
100.0%	100.0% #8FCFEC	RVB 143 207 236	#8FCFEC

#5E7B6B #688D7E #72A094 #7AB3AC #82C4C6 #89CBD9 #8FCFEC

#5E7B6B - #7AB3AC - #8FCFEC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7B6B 0%, #7AB3AC 50%, #8FCFEC 100%);
    background: -webkit-linear-gradient(top, #5E7B6B 0%, #7AB3AC 50%, #8FCFEC 100%);
    background: linear-gradient(to bottom, #5E7B6B 0%, #7AB3AC 50%, #8FCFEC 100%);
}
</style>