#9EB6DA - #D9DBDA | 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 #9EB6DA à #D9DBDA

#9EB6DA #D9DBDA

Calculez la couleur entre deux couleurs, #9EB6DA et #D9DBDA. 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)

#9EB6DA - #D9DBDA | 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 #9EB6DA 0% et #D9DBDA 100%.

0.0%	0.0% #9EB6DA	RVB 158 182 218	#9EB6DA
16.7%	16.7% #A7BCDA	RVB 167 188 218	#A7BCDA
33.3%	33.3% #B1C2DA	RVB 177 194 218	#B1C2DA
50.0%	50.0% #BBC8DA	RVB 187 200 218	#BBC8DA
66.7%	66.7% #C5CEDA	RVB 197 206 218	#C5CEDA
83.3%	83.3% #CFD4DA	RVB 207 212 218	#CFD4DA
100.0%	100.0% #D9DBDA	RVB 217 219 218	#D9DBDA

#9EB6DA #A7BCDA #B1C2DA #BBC8DA #C5CEDA #CFD4DA #D9DBDA

#9EB6DA - #D9DBDA

Mélange HSV

#9EB6DA - #D9DBDA | 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 #9EB6DA 0% et #D9DBDA 100%.

0.0%	0.0% #9EB6DA	RVB 158 182 218	#9EB6DA
16.7%	16.7% #A7C5DA	RVB 167 197 218	#A7C5DA
33.3%	33.3% #B1D0DA	RVB 177 208 218	#B1D0DA
50.0%	50.0% #BBD8DA	RVB 187 216 218	#BBD8DA
66.7%	66.7% #C5DAD7	RVB 197 218 215	#C5DAD7
83.3%	83.3% #CFDAD7	RVB 207 218 215	#CFDAD7
100.0%	100.0% #D9DBDA	RVB 217 219 218	#D9DBDA

#9EB6DA #A7C5DA #B1D0DA #BBD8DA #C5DAD7 #CFDAD7 #D9DBDA

#9EB6DA - #BBD8DA - #D9DBDA

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9EB6DA 0%, #BBD8DA 50%, #D9DBDA 100%);
    background: -webkit-linear-gradient(top, #9EB6DA 0%, #BBD8DA 50%, #D9DBDA 100%);
    background: linear-gradient(to bottom, #9EB6DA 0%, #BBD8DA 50%, #D9DBDA 100%);
}
</style>