#DFE5E1 - #8EA79C | 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 #DFE5E1 à #8EA79C

#DFE5E1 #8EA79C

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

#DFE5E1 - #8EA79C | 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 #DFE5E1 0% et #8EA79C 100%.

0.0%	0.0% #DFE5E1	RVB 223 229 225	#DFE5E1
16.7%	16.7% #D1DAD5	RVB 209 218 213	#D1DAD5
33.3%	33.3% #C4D0CA	RVB 196 208 202	#C4D0CA
50.0%	50.0% #B6C6BE	RVB 182 198 190	#B6C6BE
66.7%	66.7% #A9BBB3	RVB 169 187 179	#A9BBB3
83.3%	83.3% #9BB1A7	RVB 155 177 167	#9BB1A7
100.0%	100.0% #8EA79C	RVB 142 167 156	#8EA79C

#DFE5E1 #D1DAD5 #C4D0CA #B6C6BE #A9BBB3 #9BB1A7 #8EA79C

#DFE5E1 - #8EA79C

Mélange HSV

#DFE5E1 - #8EA79C | 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 #DFE5E1 0% et #8EA79C 100%.

0.0%	0.0% #DFE5E1	RVB 223 229 225	#DFE5E1
16.7%	16.7% #D0DAD4	RVB 208 218 212	#D0DAD4
33.3%	33.3% #C2D0C8	RVB 194 208 200	#C2D0C8
50.0%	50.0% #B4C6BC	RVB 180 198 188	#B4C6BC
66.7%	66.7% #A7BBB1	RVB 167 187 177	#A7BBB1
83.3%	83.3% #9AB1A6	RVB 154 177 166	#9AB1A6
100.0%	100.0% #8EA79C	RVB 142 167 156	#8EA79C

#DFE5E1 #D0DAD4 #C2D0C8 #B4C6BC #A7BBB1 #9AB1A6 #8EA79C

#DFE5E1 - #B4C6BC - #8EA79C

Codes CSS

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

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