#FF015C - #680A2E | 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 #FF015C à #680A2E

#FF015C #680A2E

Calculez la couleur entre deux couleurs, #FF015C et #680A2E. 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)

#FF015C - #680A2E | 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 #FF015C 0% et #680A2E 100%.

0.0%	0.0% #FF015C	RVB 255 1 92	#FF015C
16.7%	16.7% #E50254	RVB 229 2 84	#E50254
33.3%	33.3% #CC044C	RVB 204 4 76	#CC044C
50.0%	50.0% #B30545	RVB 179 5 69	#B30545
66.7%	66.7% #9A073D	RVB 154 7 61	#9A073D
83.3%	83.3% #810835	RVB 129 8 53	#810835
100.0%	100.0% #680A2E	RVB 104 10 46	#680A2E

#FF015C #E50254 #CC044C #B30545 #9A073D #810835 #680A2E

#FF015C - #680A2E

Mélange HSV

#FF015C - #680A2E | 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 #FF015C 0% et #680A2E 100%.

0.0%	0.0% #FF005B	RVB 255 0 91	#FF005B
16.7%	16.7% #E50456	RVB 229 4 86	#E50456
33.3%	33.3% #CC074F	RVB 204 7 79	#CC074F
50.0%	50.0% #B30848	RVB 179 8 72	#B30848
66.7%	66.7% #9A0A40	RVB 154 10 64	#9A0A40
83.3%	83.3% #810A37	RVB 129 10 55	#810A37
100.0%	100.0% #680A2E	RVB 104 10 46	#680A2E

#FF005B #E50456 #CC074F #B30848 #9A0A40 #810A37 #680A2E

#FF015C - #B30848 - #680A2E

Codes CSS

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

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