#FFB6BB - #D45C6D | 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 #FFB6BB à #D45C6D

#FFB6BB #D45C6D

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

#FFB6BB - #D45C6D | 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 #FFB6BB 0% et #D45C6D 100%.

0.0%	0.0% #FFB6BB	RVB 255 182 187	#FFB6BB
16.7%	16.7% #F7A7AE	RVB 247 167 174	#F7A7AE
33.3%	33.3% #F098A1	RVB 240 152 161	#F098A1
50.0%	50.0% #E98994	RVB 233 137 148	#E98994
66.7%	66.7% #E27A87	RVB 226 122 135	#E27A87
83.3%	83.3% #DB6B7A	RVB 219 107 122	#DB6B7A
100.0%	100.0% #D45C6D	RVB 212 92 109	#D45C6D

#FFB6BB #F7A7AE #F098A1 #E98994 #E27A87 #DB6B7A #D45C6D

#FFB6BB - #D45C6D

Mélange HSV

#FFB6BB - #D45C6D | 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 #FFB6BB 0% et #D45C6D 100%.

0.0%	0.0% #FFB6BB	RVB 255 182 187	#FFB6BB
16.7%	16.7% #F7A5AB	RVB 247 165 171	#F7A5AB
33.3%	33.3% #F0959D	RVB 240 149 157	#F0959D
50.0%	50.0% #E98590	RVB 233 133 144	#E98590
66.7%	66.7% #E27783	RVB 226 119 131	#E27783
83.3%	83.3% #DB6978	RVB 219 105 120	#DB6978
100.0%	100.0% #D45C6D	RVB 212 92 109	#D45C6D

#FFB6BB #F7A5AB #F0959D #E98590 #E27783 #DB6978 #D45C6D

#FFB6BB - #E98590 - #D45C6D

Codes CSS

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

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