#E3B5E1 - #CCCFE3 | 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 #E3B5E1 à #CCCFE3

#E3B5E1 #CCCFE3

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

#E3B5E1 - #CCCFE3 | 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 #E3B5E1 0% et #CCCFE3 100%.

0.0%	0.0% #E3B5E1	RVB 227 181 225	#E3B5E1
16.7%	16.7% #DFB9E1	RVB 223 185 225	#DFB9E1
33.3%	33.3% #DBBDE1	RVB 219 189 225	#DBBDE1
50.0%	50.0% #D7C2E2	RVB 215 194 226	#D7C2E2
66.7%	66.7% #D3C6E2	RVB 211 198 226	#D3C6E2
83.3%	83.3% #CFCAE2	RVB 207 202 226	#CFCAE2
100.0%	100.0% #CCCFE3	RVB 204 207 227	#CCCFE3

#E3B5E1 #DFB9E1 #DBBDE1 #D7C2E2 #D3C6E2 #CFCAE2 #CCCFE3

#E3B5E1 - #CCCFE3

Mélange HSV

#E3B5E1 - #CCCFE3 | 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 #E3B5E1 0% et #CCCFE3 100%.

0.0%	0.0% #E3B5E1	RVB 227 181 225	#E3B5E1
16.7%	16.7% #DCB8E3	RVB 220 184 227	#DCB8E3
33.3%	33.3% #D5BCE3	RVB 213 188 227	#D5BCE3
50.0%	50.0% #D0C0E3	RVB 208 192 227	#D0C0E3
66.7%	66.7% #CCC4E3	RVB 204 196 227	#CCC4E3
83.3%	83.3% #C9C8E3	RVB 201 200 227	#C9C8E3
100.0%	100.0% #CCCFE3	RVB 204 207 227	#CCCFE3

#E3B5E1 #DCB8E3 #D5BCE3 #D0C0E3 #CCC4E3 #C9C8E3 #CCCFE3

#E3B5E1 - #D0C0E3 - #CCCFE3

Codes CSS

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

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