#8C9A8C - #DEE2DE | 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 #8C9A8C à #DEE2DE

#8C9A8C #DEE2DE

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

#8C9A8C - #DEE2DE | 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 #8C9A8C 0% et #DEE2DE 100%.

0.0%	0.0% #8C9A8C	RVB 140 154 140	#8C9A8C
16.7%	16.7% #99A699	RVB 153 166 153	#99A699
33.3%	33.3% #A7B2A7	RVB 167 178 167	#A7B2A7
50.0%	50.0% #B5BEB5	RVB 181 190 181	#B5BEB5
66.7%	66.7% #C2CAC2	RVB 194 202 194	#C2CAC2
83.3%	83.3% #D0D6D0	RVB 208 214 208	#D0D6D0
100.0%	100.0% #DEE2DE	RVB 222 226 222	#DEE2DE

#8C9A8C #99A699 #A7B2A7 #B5BEB5 #C2CAC2 #D0D6D0 #DEE2DE

#8C9A8C - #DEE2DE

Mélange HSV

#8C9A8C - #DEE2DE | 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 #8C9A8C 0% et #DEE2DE 100%.

0.0%	0.0% #8C9A8C	RVB 140 154 140	#8C9A8C
16.7%	16.7% #98A698	RVB 152 166 152	#98A698
33.3%	33.3% #A6B2A6	RVB 166 178 166	#A6B2A6
50.0%	50.0% #B3BEB3	RVB 179 190 179	#B3BEB3
66.7%	66.7% #C1CAC1	RVB 193 202 193	#C1CAC1
83.3%	83.3% #CFD6CF	RVB 207 214 207	#CFD6CF
100.0%	100.0% #DEE2DE	RVB 222 226 222	#DEE2DE

#8C9A8C #98A698 #A6B2A6 #B3BEB3 #C1CAC1 #CFD6CF #DEE2DE

#8C9A8C - #B3BEB3 - #DEE2DE

Codes CSS

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

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