#FF1624 - #FFBCC0 | 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 #FF1624 à #FFBCC0

#FF1624 #FFBCC0

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

#FF1624 - #FFBCC0 | 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 #FF1624 0% et #FFBCC0 100%.

0.0%	0.0% #FF1624	RVB 255 22 36	#FF1624
16.7%	16.7% #FF313E	RVB 255 49 62	#FF313E
33.3%	33.3% #FF4D58	RVB 255 77 88	#FF4D58
50.0%	50.0% #FF6972	RVB 255 105 114	#FF6972
66.7%	66.7% #FF848C	RVB 255 132 140	#FF848C
83.3%	83.3% #FFA0A6	RVB 255 160 166	#FFA0A6
100.0%	100.0% #FFBCC0	RVB 255 188 192	#FFBCC0

#FF1624 #FF313E #FF4D58 #FF6972 #FF848C #FFA0A6 #FFBCC0

#FF1624 - #FFBCC0

Mélange HSV

#FF1624 - #FFBCC0 | 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 #FF1624 0% et #FFBCC0 100%.

0.0%	0.0% #FF1523	RVB 255 21 35	#FF1523
16.7%	16.7% #FF313D	RVB 255 49 61	#FF313D
33.3%	33.3% #FF4D57	RVB 255 77 87	#FF4D57
50.0%	50.0% #FF6971	RVB 255 105 113	#FF6971
66.7%	66.7% #FF848B	RVB 255 132 139	#FF848B
83.3%	83.3% #FFA0A5	RVB 255 160 165	#FFA0A5
100.0%	100.0% #FFBCC0	RVB 255 188 192	#FFBCC0

#FF1523 #FF313D #FF4D57 #FF6971 #FF848B #FFA0A5 #FFBCC0

#FF1624 - #FF6971 - #FFBCC0

Codes CSS

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

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