#520023 - #CDB6C0 | 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 #520023 à #CDB6C0

#520023 #CDB6C0

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

#520023 - #CDB6C0 | 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 #520023 0% et #CDB6C0 100%.

0.0%	0.0% #520023	RVB 82 0 35	#520023
16.7%	16.7% #661E3D	RVB 102 30 61	#661E3D
33.3%	33.3% #7B3C57	RVB 123 60 87	#7B3C57
50.0%	50.0% #8F5B71	RVB 143 91 113	#8F5B71
66.7%	66.7% #A4798B	RVB 164 121 139	#A4798B
83.3%	83.3% #B897A5	RVB 184 151 165	#B897A5
100.0%	100.0% #CDB6C0	RVB 205 182 192	#CDB6C0

#520023 #661E3D #7B3C57 #8F5B71 #A4798B #B897A5 #CDB6C0

#520023 - #CDB6C0

Mélange HSV

#520023 - #CDB6C0 | 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 #520023 0% et #CDB6C0 100%.

0.0%	0.0% #520022	RVB 82 0 34	#520022
16.7%	16.7% #660F34	RVB 102 15 52	#660F34
33.3%	33.3% #7B2449	RVB 123 36 73	#7B2449
50.0%	50.0% #8F3F62	RVB 143 63 98	#8F3F62
66.7%	66.7% #A4617D	RVB 164 97 125	#A4617D
83.3%	83.3% #B8889D	RVB 184 136 157	#B8889D
100.0%	100.0% #CDB6C0	RVB 205 182 192	#CDB6C0

#520022 #660F34 #7B2449 #8F3F62 #A4617D #B8889D #CDB6C0

#520023 - #8F3F62 - #CDB6C0

Codes CSS

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

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