#8C9A8F - #DEE2DF | 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 #8C9A8F à #DEE2DF

#8C9A8F #DEE2DF

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

#8C9A8F - #DEE2DF | 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 #8C9A8F 0% et #DEE2DF 100%.

0.0%	0.0% #8C9A8F	RVB 140 154 143	#8C9A8F
16.7%	16.7% #99A69C	RVB 153 166 156	#99A69C
33.3%	33.3% #A7B2A9	RVB 167 178 169	#A7B2A9
50.0%	50.0% #B5BEB7	RVB 181 190 183	#B5BEB7
66.7%	66.7% #C2CAC4	RVB 194 202 196	#C2CAC4
83.3%	83.3% #D0D6D1	RVB 208 214 209	#D0D6D1
100.0%	100.0% #DEE2DF	RVB 222 226 223	#DEE2DF

#8C9A8F #99A69C #A7B2A9 #B5BEB7 #C2CAC4 #D0D6D1 #DEE2DF

#8C9A8F - #DEE2DF

Mélange HSV

#8C9A8F - #DEE2DF | 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 #8C9A8F 0% et #DEE2DF 100%.

0.0%	0.0% #8C9A8F	RVB 140 154 143	#8C9A8F
16.7%	16.7% #98A69B	RVB 152 166 155	#98A69B
33.3%	33.3% #A6B2A8	RVB 166 178 168	#A6B2A8
50.0%	50.0% #B3BEB6	RVB 179 190 182	#B3BEB6
66.7%	66.7% #C1CAC3	RVB 193 202 195	#C1CAC3
83.3%	83.3% #CFD6D1	RVB 207 214 209	#CFD6D1
100.0%	100.0% #DEE2DF	RVB 222 226 223	#DEE2DF

#8C9A8F #98A69B #A6B2A8 #B3BEB6 #C1CAC3 #CFD6D1 #DEE2DF

#8C9A8F - #B3BEB6 - #DEE2DF

Codes CSS

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

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