#DBE0FF - #817ECE | 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 #DBE0FF à #817ECE

#DBE0FF #817ECE

Calculez la couleur entre deux couleurs, #DBE0FF et #817ECE. 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)

#DBE0FF - #817ECE | 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 #DBE0FF 0% et #817ECE 100%.

0.0%	0.0% #DBE0FF	RVB 219 224 255	#DBE0FF
16.7%	16.7% #CCCFF6	RVB 204 207 246	#CCCFF6
33.3%	33.3% #BDBFEE	RVB 189 191 238	#BDBFEE
50.0%	50.0% #AEAFE6	RVB 174 175 230	#AEAFE6
66.7%	66.7% #9F9EDE	RVB 159 158 222	#9F9EDE
83.3%	83.3% #908ED6	RVB 144 142 214	#908ED6
100.0%	100.0% #817ECE	RVB 129 126 206	#817ECE

#DBE0FF #CCCFF6 #BDBFEE #AEAFE6 #9F9EDE #908ED6 #817ECE

#DBE0FF - #817ECE

Mélange HSV

#DBE0FF - #817ECE | 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 #DBE0FF 0% et #817ECE 100%.

0.0%	0.0% #DBE0FF	RVB 219 224 255	#DBE0FF
16.7%	16.7% #C9CEF6	RVB 201 206 246	#C9CEF6
33.3%	33.3% #B9BDEE	RVB 185 189 238	#B9BDEE
50.0%	50.0% #A9ACE6	RVB 169 172 230	#A9ACE6
66.7%	66.7% #9A9BDE	RVB 154 155 222	#9A9BDE
83.3%	83.3% #8C8BD6	RVB 140 139 214	#8C8BD6
100.0%	100.0% #817ECE	RVB 129 126 206	#817ECE

#DBE0FF #C9CEF6 #B9BDEE #A9ACE6 #9A9BDE #8C8BD6 #817ECE

#DBE0FF - #A9ACE6 - #817ECE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBE0FF 0%, #A9ACE6 50%, #817ECE 100%);
    background: -webkit-linear-gradient(top, #DBE0FF 0%, #A9ACE6 50%, #817ECE 100%);
    background: linear-gradient(to bottom, #DBE0FF 0%, #A9ACE6 50%, #817ECE 100%);
}
</style>