#D2D5E5 - #8294C2 | 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 #D2D5E5 à #8294C2

#D2D5E5 #8294C2

Calculez la couleur entre deux couleurs, #D2D5E5 et #8294C2. 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)

#D2D5E5 - #8294C2 | 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 #D2D5E5 0% et #8294C2 100%.

0.0%	0.0% #D2D5E5	RVB 210 213 229	#D2D5E5
16.7%	16.7% #C4CADF	RVB 196 202 223	#C4CADF
33.3%	33.3% #B7BFD9	RVB 183 191 217	#B7BFD9
50.0%	50.0% #AAB4D3	RVB 170 180 211	#AAB4D3
66.7%	66.7% #9CA9CD	RVB 156 169 205	#9CA9CD
83.3%	83.3% #8F9EC7	RVB 143 158 199	#8F9EC7
100.0%	100.0% #8294C2	RVB 130 148 194	#8294C2

#D2D5E5 #C4CADF #B7BFD9 #AAB4D3 #9CA9CD #8F9EC7 #8294C2

#D2D5E5 - #8294C2

Mélange HSV

#D2D5E5 - #8294C2 | 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 #D2D5E5 0% et #8294C2 100%.

0.0%	0.0% #D2D5E5	RVB 210 213 229	#D2D5E5
16.7%	16.7% #C3C8DF	RVB 195 200 223	#C3C8DF
33.3%	33.3% #B5BCD9	RVB 181 188 217	#B5BCD9
50.0%	50.0% #A7B1D3	RVB 167 177 211	#A7B1D3
66.7%	66.7% #9AA6CD	RVB 154 166 205	#9AA6CD
83.3%	83.3% #8E9DC7	RVB 142 157 199	#8E9DC7
100.0%	100.0% #8294C2	RVB 130 148 194	#8294C2

#D2D5E5 #C3C8DF #B5BCD9 #A7B1D3 #9AA6CD #8E9DC7 #8294C2

#D2D5E5 - #A7B1D3 - #8294C2

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D2D5E5 0%, #A7B1D3 50%, #8294C2 100%);
    background: -webkit-linear-gradient(top, #D2D5E5 0%, #A7B1D3 50%, #8294C2 100%);
    background: linear-gradient(to bottom, #D2D5E5 0%, #A7B1D3 50%, #8294C2 100%);
}
</style>