#DAD4D9 - #8C769D | 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 #DAD4D9 à #8C769D

#DAD4D9 #8C769D

Calculez la couleur entre deux couleurs, #DAD4D9 et #8C769D. 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)

#DAD4D9 - #8C769D | 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 #DAD4D9 0% et #8C769D 100%.

0.0%	0.0% #DAD4D9	RVB 218 212 217	#DAD4D9
16.7%	16.7% #CDC4CF	RVB 205 196 207	#CDC4CF
33.3%	33.3% #C0B4C5	RVB 192 180 197	#C0B4C5
50.0%	50.0% #B3A5BB	RVB 179 165 187	#B3A5BB
66.7%	66.7% #A695B1	RVB 166 149 177	#A695B1
83.3%	83.3% #9985A7	RVB 153 133 167	#9985A7
100.0%	100.0% #8C769D	RVB 140 118 157	#8C769D

#DAD4D9 #CDC4CF #C0B4C5 #B3A5BB #A695B1 #9985A7 #8C769D

#DAD4D9 - #8C769D

Mélange HSV

#DAD4D9 - #8C769D | 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 #DAD4D9 0% et #8C769D 100%.

0.0%	0.0% #DAD4D9	RVB 218 212 217	#DAD4D9
16.7%	16.7% #CFC2CE	RVB 207 194 206	#CFC2CE
33.3%	33.3% #C4B1C5	RVB 196 177 197	#C4B1C5
50.0%	50.0% #B8A1BB	RVB 184 161 187	#B8A1BB
66.7%	66.7% #AA92B1	RVB 170 146 177	#AA92B1
83.3%	83.3% #9B83A7	RVB 155 131 167	#9B83A7
100.0%	100.0% #8C769D	RVB 140 118 157	#8C769D

#DAD4D9 #CFC2CE #C4B1C5 #B8A1BB #AA92B1 #9B83A7 #8C769D

#DAD4D9 - #B8A1BB - #8C769D

Codes CSS

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

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