#CCA8C1 - #8D5770 | 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 #CCA8C1 à #8D5770

#CCA8C1 #8D5770

Calculez la couleur entre deux couleurs, #CCA8C1 et #8D5770. 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)

#CCA8C1 - #8D5770 | 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 #CCA8C1 0% et #8D5770 100%.

0.0%	0.0% #CCA8C1	RVB 204 168 193	#CCA8C1
16.7%	16.7% #C19AB3	RVB 193 154 179	#C19AB3
33.3%	33.3% #B78DA6	RVB 183 141 166	#B78DA6
50.0%	50.0% #AC7F98	RVB 172 127 152	#AC7F98
66.7%	66.7% #A2728B	RVB 162 114 139	#A2728B
83.3%	83.3% #97647D	RVB 151 100 125	#97647D
100.0%	100.0% #8D5770	RVB 141 87 112	#8D5770

#CCA8C1 #C19AB3 #B78DA6 #AC7F98 #A2728B #97647D #8D5770

#CCA8C1 - #8D5770

Mélange HSV

#CCA8C1 - #8D5770 | 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 #CCA8C1 0% et #8D5770 100%.

0.0%	0.0% #CCA8C1	RVB 204 168 193	#CCA8C1
16.7%	16.7% #C198B3	RVB 193 152 179	#C198B3
33.3%	33.3% #B78AA5	RVB 183 138 165	#B78AA5
50.0%	50.0% #AC7C98	RVB 172 124 152	#AC7C98
66.7%	66.7% #A26F8A	RVB 162 111 138	#A26F8A
83.3%	83.3% #97627D	RVB 151 98 125	#97627D
100.0%	100.0% #8D5770	RVB 141 87 112	#8D5770

#CCA8C1 #C198B3 #B78AA5 #AC7C98 #A26F8A #97627D #8D5770

#CCA8C1 - #AC7C98 - #8D5770

Codes CSS

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

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