#FF6B6B - #FECE8D | 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 #FF6B6B à #FECE8D

#FF6B6B #FECE8D

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

#FF6B6B - #FECE8D | 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 #FF6B6B 0% et #FECE8D 100%.

0.0%	0.0% #FF6B6B	RVB 255 107 107	#FF6B6B
16.7%	16.7% #FE7B70	RVB 254 123 112	#FE7B70
33.3%	33.3% #FE8C76	RVB 254 140 118	#FE8C76
50.0%	50.0% #FE9C7C	RVB 254 156 124	#FE9C7C
66.7%	66.7% #FEAD81	RVB 254 173 129	#FEAD81
83.3%	83.3% #FEBD87	RVB 254 189 135	#FEBD87
100.0%	100.0% #FECE8D	RVB 254 206 141	#FECE8D

#FF6B6B #FE7B70 #FE8C76 #FE9C7C #FEAD81 #FEBD87 #FECE8D

#FF6B6B - #FECE8D

Mélange HSV

#FF6B6B - #FECE8D | 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 #FF6B6B 0% et #FECE8D 100%.

0.0%	0.0% #FF6B6B	RVB 255 107 107	#FF6B6B
16.7%	16.7% #FE7E70	RVB 254 126 112	#FE7E70
33.3%	33.3% #FE9076	RVB 254 144 118	#FE9076
50.0%	50.0% #FEA17C	RVB 254 161 124	#FEA17C
66.7%	66.7% #FEB181	RVB 254 177 129	#FEB181
83.3%	83.3% #FEC087	RVB 254 192 135	#FEC087
100.0%	100.0% #FECE8D	RVB 254 206 141	#FECE8D

#FF6B6B #FE7E70 #FE9076 #FEA17C #FEB181 #FEC087 #FECE8D

#FF6B6B - #FEA17C - #FECE8D

Codes CSS

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

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