#DFDADE - #AD8DB6 | 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 #DFDADE à #AD8DB6

#DFDADE #AD8DB6

Calculez la couleur entre deux couleurs, #DFDADE et #AD8DB6. 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)

#DFDADE - #AD8DB6 | 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 #DFDADE 0% et #AD8DB6 100%.

0.0%	0.0% #DFDADE	RVB 223 218 222	#DFDADE
16.7%	16.7% #D6CDD7	RVB 214 205 215	#D6CDD7
33.3%	33.3% #CEC0D0	RVB 206 192 208	#CEC0D0
50.0%	50.0% #C6B3CA	RVB 198 179 202	#C6B3CA
66.7%	66.7% #BDA6C3	RVB 189 166 195	#BDA6C3
83.3%	83.3% #B599BC	RVB 181 153 188	#B599BC
100.0%	100.0% #AD8DB6	RVB 173 141 182	#AD8DB6

#DFDADE #D6CDD7 #CEC0D0 #C6B3CA #BDA6C3 #B599BC #AD8DB6

#DFDADE - #AD8DB6

Mélange HSV

#DFDADE - #AD8DB6 | 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 #DFDADE 0% et #AD8DB6 100%.

0.0%	0.0% #DFDADE	RVB 223 218 222	#DFDADE
16.7%	16.7% #D8CCD6	RVB 216 204 214	#D8CCD6
33.3%	33.3% #D1BED0	RVB 209 190 208	#D1BED0
50.0%	50.0% #CAB1CA	RVB 202 177 202	#CAB1CA
66.7%	66.7% #C1A4C3	RVB 193 164 195	#C1A4C3
83.3%	83.3% #B798BC	RVB 183 152 188	#B798BC
100.0%	100.0% #AD8DB6	RVB 173 141 182	#AD8DB6

#DFDADE #D8CCD6 #D1BED0 #CAB1CA #C1A4C3 #B798BC #AD8DB6

#DFDADE - #CAB1CA - #AD8DB6

Codes CSS

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

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