#B06DA4 - #E8D5E4 | 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 #B06DA4 à #E8D5E4

#B06DA4 #E8D5E4

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

#B06DA4 - #E8D5E4 | 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 #B06DA4 0% et #E8D5E4 100%.

0.0%	0.0% #B06DA4	RVB 176 109 164	#B06DA4
16.7%	16.7% #B97EAE	RVB 185 126 174	#B97EAE
33.3%	33.3% #C28FB9	RVB 194 143 185	#C28FB9
50.0%	50.0% #CCA1C4	RVB 204 161 196	#CCA1C4
66.7%	66.7% #D5B2CE	RVB 213 178 206	#D5B2CE
83.3%	83.3% #DEC3D9	RVB 222 195 217	#DEC3D9
100.0%	100.0% #E8D5E4	RVB 232 213 228	#E8D5E4

#B06DA4 #B97EAE #C28FB9 #CCA1C4 #D5B2CE #DEC3D9 #E8D5E4

#B06DA4 - #E8D5E4

Mélange HSV

#B06DA4 - #E8D5E4 | 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 #B06DA4 0% et #E8D5E4 100%.

0.0%	0.0% #B06DA4	RVB 176 109 164	#B06DA4
16.7%	16.7% #B97CAE	RVB 185 124 174	#B97CAE
33.3%	33.3% #C28BB8	RVB 194 139 184	#C28BB8
50.0%	50.0% #CC9CC2	RVB 204 156 194	#CC9CC2
66.7%	66.7% #D5AECD	RVB 213 174 205	#D5AECD
83.3%	83.3% #DEC1D8	RVB 222 193 216	#DEC1D8
100.0%	100.0% #E8D5E4	RVB 232 213 228	#E8D5E4

#B06DA4 #B97CAE #C28BB8 #CC9CC2 #D5AECD #DEC1D8 #E8D5E4

#B06DA4 - #CC9CC2 - #E8D5E4

Codes CSS

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

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