#D8C0E9 - #AA6EB6 | 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 #D8C0E9 à #AA6EB6

#D8C0E9 #AA6EB6

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

#D8C0E9 - #AA6EB6 | 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 #D8C0E9 0% et #AA6EB6 100%.

0.0%	0.0% #D8C0E9	RVB 216 192 233	#D8C0E9
16.7%	16.7% #D0B2E0	RVB 208 178 224	#D0B2E0
33.3%	33.3% #C8A4D8	RVB 200 164 216	#C8A4D8
50.0%	50.0% #C197CF	RVB 193 151 207	#C197CF
66.7%	66.7% #B989C7	RVB 185 137 199	#B989C7
83.3%	83.3% #B17BBE	RVB 177 123 190	#B17BBE
100.0%	100.0% #AA6EB6	RVB 170 110 182	#AA6EB6

#D8C0E9 #D0B2E0 #C8A4D8 #C197CF #B989C7 #B17BBE #AA6EB6

#D8C0E9 - #AA6EB6

Mélange HSV

#D8C0E9 - #AA6EB6 | 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 #D8C0E9 0% et #AA6EB6 100%.

0.0%	0.0% #D8C0E9	RVB 216 192 233	#D8C0E9
16.7%	16.7% #CEB0E0	RVB 206 176 224	#CEB0E0
33.3%	33.3% #C6A2D8	RVB 198 162 216	#C6A2D8
50.0%	50.0% #BE94CF	RVB 190 148 207	#BE94CF
66.7%	66.7% #B786C7	RVB 183 134 199	#B786C7
83.3%	83.3% #B07ABE	RVB 176 122 190	#B07ABE
100.0%	100.0% #AA6EB6	RVB 170 110 182	#AA6EB6

#D8C0E9 #CEB0E0 #C6A2D8 #BE94CF #B786C7 #B07ABE #AA6EB6

#D8C0E9 - #BE94CF - #AA6EB6

Codes CSS

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

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