#A8B7B5 - #DBB0FF | 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 #A8B7B5 à #DBB0FF

#A8B7B5 #DBB0FF

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

#A8B7B5 - #DBB0FF | 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 #A8B7B5 0% et #DBB0FF 100%.

0.0%	0.0% #A8B7B5	RVB 168 183 181	#A8B7B5
16.7%	16.7% #B0B5C1	RVB 176 181 193	#B0B5C1
33.3%	33.3% #B9B4CD	RVB 185 180 205	#B9B4CD
50.0%	50.0% #C1B3DA	RVB 193 179 218	#C1B3DA
66.7%	66.7% #CAB2E6	RVB 202 178 230	#CAB2E6
83.3%	83.3% #D2B1F2	RVB 210 177 242	#D2B1F2
100.0%	100.0% #DBB0FF	RVB 219 176 255	#DBB0FF

#A8B7B5 #B0B5C1 #B9B4CD #C1B3DA #CAB2E6 #D2B1F2 #DBB0FF

#A8B7B5 - #DBB0FF

Mélange HSV

#A8B7B5 - #DBB0FF | 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 #A8B7B5 0% et #DBB0FF 100%.

0.0%	0.0% #A8B7B5	RVB 168 183 181	#A8B7B5
16.7%	16.7% #ABBFC3	RVB 171 191 195	#ABBFC3
33.3%	33.3% #AEC1CF	RVB 174 193 207	#AEC1CF
50.0%	50.0% #B0BCDB	RVB 176 188 219	#B0BCDB
66.7%	66.7% #B0B1E7	RVB 176 177 231	#B0B1E7
83.3%	83.3% #C2B0F3	RVB 194 176 243	#C2B0F3
100.0%	100.0% #DBB0FF	RVB 219 176 255	#DBB0FF

#A8B7B5 #ABBFC3 #AEC1CF #B0BCDB #B0B1E7 #C2B0F3 #DBB0FF

#A8B7B5 - #B0BCDB - #DBB0FF

Codes CSS

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

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