#C0B5E7 - #734ABC | 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 #C0B5E7 à #734ABC

#C0B5E7 #734ABC

Calculez la couleur entre deux couleurs, #C0B5E7 et #734ABC. 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)

#C0B5E7 - #734ABC | 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 #C0B5E7 0% et #734ABC 100%.

0.0%	0.0% #C0B5E7	RVB 192 181 231	#C0B5E7
16.7%	16.7% #B3A3DF	RVB 179 163 223	#B3A3DF
33.3%	33.3% #A691D8	RVB 166 145 216	#A691D8
50.0%	50.0% #997FD1	RVB 153 127 209	#997FD1
66.7%	66.7% #8C6DCA	RVB 140 109 202	#8C6DCA
83.3%	83.3% #7F5BC3	RVB 127 91 195	#7F5BC3
100.0%	100.0% #734ABC	RVB 115 74 188	#734ABC

#C0B5E7 #B3A3DF #A691D8 #997FD1 #8C6DCA #7F5BC3 #734ABC

#C0B5E7 - #734ABC

Mélange HSV

#C0B5E7 - #734ABC | 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 #C0B5E7 0% et #734ABC 100%.

0.0%	0.0% #C0B5E7	RVB 192 181 231	#C0B5E7
16.7%	16.7% #B0A0DF	RVB 176 160 223	#B0A0DF
33.3%	33.3% #A18DD8	RVB 161 141 216	#A18DD8
50.0%	50.0% #947BD1	RVB 148 123 209	#947BD1
66.7%	66.7% #8869CA	RVB 136 105 202	#8869CA
83.3%	83.3% #7D59C3	RVB 125 89 195	#7D59C3
100.0%	100.0% #734ABC	RVB 115 74 188	#734ABC

#C0B5E7 #B0A0DF #A18DD8 #947BD1 #8869CA #7D59C3 #734ABC

#C0B5E7 - #947BD1 - #734ABC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0B5E7 0%, #947BD1 50%, #734ABC 100%);
    background: -webkit-linear-gradient(top, #C0B5E7 0%, #947BD1 50%, #734ABC 100%);
    background: linear-gradient(to bottom, #C0B5E7 0%, #947BD1 50%, #734ABC 100%);
}
</style>