#D0B2D0 - #AD5EAC | 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 #D0B2D0 à #AD5EAC

#D0B2D0 #AD5EAC

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

#D0B2D0 - #AD5EAC | 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 #D0B2D0 0% et #AD5EAC 100%.

0.0%	0.0% #D0B2D0	RVB 208 178 208	#D0B2D0
16.7%	16.7% #CAA4CA	RVB 202 164 202	#CAA4CA
33.3%	33.3% #C496C4	RVB 196 150 196	#C496C4
50.0%	50.0% #BE88BE	RVB 190 136 190	#BE88BE
66.7%	66.7% #B87AB8	RVB 184 122 184	#B87AB8
83.3%	83.3% #B26CB2	RVB 178 108 178	#B26CB2
100.0%	100.0% #AD5EAC	RVB 173 94 172	#AD5EAC

#D0B2D0 #CAA4CA #C496C4 #BE88BE #B87AB8 #B26CB2 #AD5EAC

#D0B2D0 - #AD5EAC

Mélange HSV

#D0B2D0 - #AD5EAC | 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 #D0B2D0 0% et #AD5EAC 100%.

0.0%	0.0% #D0B2D0	RVB 208 178 208	#D0B2D0
16.7%	16.7% #CAA2CA	RVB 202 162 202	#CAA2CA
33.3%	33.3% #C493C4	RVB 196 147 196	#C493C4
50.0%	50.0% #BE85BE	RVB 190 133 190	#BE85BE
66.7%	66.7% #B877B8	RVB 184 119 184	#B877B8
83.3%	83.3% #B26AB2	RVB 178 106 178	#B26AB2
100.0%	100.0% #AD5EAC	RVB 173 94 172	#AD5EAC

#D0B2D0 #CAA2CA #C493C4 #BE85BE #B877B8 #B26AB2 #AD5EAC

#D0B2D0 - #BE85BE - #AD5EAC

Codes CSS

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

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