#B0AAAA - #D1B5E4 | 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 #B0AAAA à #D1B5E4

#B0AAAA #D1B5E4

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

#B0AAAA - #D1B5E4 | 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 #B0AAAA 0% et #D1B5E4 100%.

0.0%	0.0% #B0AAAA	RVB 176 170 170	#B0AAAA
16.7%	16.7% #B5ABB3	RVB 181 171 179	#B5ABB3
33.3%	33.3% #BBADBD	RVB 187 173 189	#BBADBD
50.0%	50.0% #C0AFC7	RVB 192 175 199	#C0AFC7
66.7%	66.7% #C6B1D0	RVB 198 177 208	#C6B1D0
83.3%	83.3% #CBB3DA	RVB 203 179 218	#CBB3DA
100.0%	100.0% #D1B5E4	RVB 209 181 228	#D1B5E4

#B0AAAA #B5ABB3 #BBADBD #C0AFC7 #C6B1D0 #CBB3DA #D1B5E4

#B0AAAA - #D1B5E4

Mélange HSV

#B0AAAA - #D1B5E4 | 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 #B0AAAA 0% et #D1B5E4 100%.

0.0%	0.0% #B0AAAA	RVB 176 170 170	#B0AAAA
16.7%	16.7% #B8ADAF	RVB 184 173 175	#B8ADAF
33.3%	33.3% #C1AFB7	RVB 193 175 183	#C1AFB7
50.0%	50.0% #CAB1C2	RVB 202 177 194	#CAB1C2
66.7%	66.7% #D2B3D0	RVB 210 179 208	#D2B3D0
83.3%	83.3% #D4B4DB	RVB 212 180 219	#D4B4DB
100.0%	100.0% #D1B5E4	RVB 209 181 228	#D1B5E4

#B0AAAA #B8ADAF #C1AFB7 #CAB1C2 #D2B3D0 #D4B4DB #D1B5E4

#B0AAAA - #CAB1C2 - #D1B5E4

Codes CSS

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

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