#838C92 - #DBDDDF | 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 #838C92 à #DBDDDF

#838C92 #DBDDDF

Calculez la couleur entre deux couleurs, #838C92 et #DBDDDF. 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)

#838C92 - #DBDDDF | 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 #838C92 0% et #DBDDDF 100%.

0.0%	0.0% #838C92	RVB 131 140 146	#838C92
16.7%	16.7% #91999E	RVB 145 153 158	#91999E
33.3%	33.3% #A0A7AB	RVB 160 167 171	#A0A7AB
50.0%	50.0% #AFB4B8	RVB 175 180 184	#AFB4B8
66.7%	66.7% #BDC2C5	RVB 189 194 197	#BDC2C5
83.3%	83.3% #CCCFD2	RVB 204 207 210	#CCCFD2
100.0%	100.0% #DBDDDF	RVB 219 221 223	#DBDDDF

#838C92 #91999E #A0A7AB #AFB4B8 #BDC2C5 #CCCFD2 #DBDDDF

#838C92 - #DBDDDF

Mélange HSV

#838C92 - #DBDDDF | 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 #838C92 0% et #DBDDDF 100%.

0.0%	0.0% #838C92	RVB 131 140 146	#838C92
16.7%	16.7% #90989E	RVB 144 152 158	#90989E
33.3%	33.3% #9EA6AB	RVB 158 166 171	#9EA6AB
50.0%	50.0% #ADB3B8	RVB 173 179 184	#ADB3B8
66.7%	66.7% #BCC1C5	RVB 188 193 197	#BCC1C5
83.3%	83.3% #CBCED2	RVB 203 206 210	#CBCED2
100.0%	100.0% #DBDDDF	RVB 219 221 223	#DBDDDF

#838C92 #90989E #9EA6AB #ADB3B8 #BCC1C5 #CBCED2 #DBDDDF

#838C92 - #ADB3B8 - #DBDDDF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #838C92 0%, #ADB3B8 50%, #DBDDDF 100%);
    background: -webkit-linear-gradient(top, #838C92 0%, #ADB3B8 50%, #DBDDDF 100%);
    background: linear-gradient(to bottom, #838C92 0%, #ADB3B8 50%, #DBDDDF 100%);
}
</style>