#992B5E - #EE7777 | 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 #992B5E à #EE7777

#992B5E #EE7777

Calculez la couleur entre deux couleurs, #992B5E et #EE7777. 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)

#992B5E - #EE7777 | 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 #992B5E 0% et #EE7777 100%.

0.0%	0.0% #992B5E	RVB 153 43 94	#992B5E
16.7%	16.7% #A73762	RVB 167 55 98	#A73762
33.3%	33.3% #B54466	RVB 181 68 102	#B54466
50.0%	50.0% #C3516A	RVB 195 81 106	#C3516A
66.7%	66.7% #D15D6E	RVB 209 93 110	#D15D6E
83.3%	83.3% #DF6A72	RVB 223 106 114	#DF6A72
100.0%	100.0% #EE7777	RVB 238 119 119	#EE7777

#992B5E #A73762 #B54466 #C3516A #D15D6E #DF6A72 #EE7777

#992B5E - #EE7777

Mélange HSV

#992B5E - #EE7777 | 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 #992B5E 0% et #EE7777 100%.

0.0%	0.0% #992A5D	RVB 153 42 93	#992A5D
16.7%	16.7% #A73561	RVB 167 53 97	#A73561
33.3%	33.3% #B54064	RVB 181 64 100	#B54064
50.0%	50.0% #C34C67	RVB 195 76 103	#C34C67
66.7%	66.7% #D1596C	RVB 209 89 108	#D1596C
83.3%	83.3% #DF6771	RVB 223 103 113	#DF6771
100.0%	100.0% #EE7777	RVB 238 119 119	#EE7777

#992A5D #A73561 #B54064 #C34C67 #D1596C #DF6771 #EE7777

#992B5E - #C34C67 - #EE7777

Codes CSS

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

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