#D3E3E4 - #8798AC | 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 #D3E3E4 à #8798AC

#D3E3E4 #8798AC

Calculez la couleur entre deux couleurs, #D3E3E4 et #8798AC. 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)

#D3E3E4 - #8798AC | 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 #D3E3E4 0% et #8798AC 100%.

0.0%	0.0% #D3E3E4	RVB 211 227 228	#D3E3E4
16.7%	16.7% #C6D6DA	RVB 198 214 218	#C6D6DA
33.3%	33.3% #B9CAD1	RVB 185 202 209	#B9CAD1
50.0%	50.0% #ADBDC8	RVB 173 189 200	#ADBDC8
66.7%	66.7% #A0B1BE	RVB 160 177 190	#A0B1BE
83.3%	83.3% #93A4B5	RVB 147 164 181	#93A4B5
100.0%	100.0% #8798AC	RVB 135 152 172	#8798AC

#D3E3E4 #C6D6DA #B9CAD1 #ADBDC8 #A0B1BE #93A4B5 #8798AC

#D3E3E4 - #8798AC

Mélange HSV

#D3E3E4 - #8798AC | 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 #D3E3E4 0% et #8798AC 100%.

0.0%	0.0% #D3E3E4	RVB 211 227 228	#D3E3E4
16.7%	16.7% #C5D7DA	RVB 197 215 218	#C5D7DA
33.3%	33.3% #B7CBD1	RVB 183 203 209	#B7CBD1
50.0%	50.0% #ABBFC8	RVB 171 191 200	#ABBFC8
66.7%	66.7% #9EB2BE	RVB 158 178 190	#9EB2BE
83.3%	83.3% #92A5B5	RVB 146 165 181	#92A5B5
100.0%	100.0% #8798AC	RVB 135 152 172	#8798AC

#D3E3E4 #C5D7DA #B7CBD1 #ABBFC8 #9EB2BE #92A5B5 #8798AC

#D3E3E4 - #ABBFC8 - #8798AC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D3E3E4 0%, #ABBFC8 50%, #8798AC 100%);
    background: -webkit-linear-gradient(top, #D3E3E4 0%, #ABBFC8 50%, #8798AC 100%);
    background: linear-gradient(to bottom, #D3E3E4 0%, #ABBFC8 50%, #8798AC 100%);
}
</style>