#EB6B6B - #FFC78C | 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 #EB6B6B à #FFC78C

#EB6B6B #FFC78C

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

#EB6B6B - #FFC78C | 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 #EB6B6B 0% et #FFC78C 100%.

0.0%	0.0% #EB6B6B	RVB 235 107 107	#EB6B6B
16.7%	16.7% #EE7A70	RVB 238 122 112	#EE7A70
33.3%	33.3% #F18976	RVB 241 137 118	#F18976
50.0%	50.0% #F5997B	RVB 245 153 123	#F5997B
66.7%	66.7% #F8A881	RVB 248 168 129	#F8A881
83.3%	83.3% #FBB786	RVB 251 183 134	#FBB786
100.0%	100.0% #FFC78C	RVB 255 199 140	#FFC78C

#EB6B6B #EE7A70 #F18976 #F5997B #F8A881 #FBB786 #FFC78C

#EB6B6B - #FFC78C

Mélange HSV

#EB6B6B - #FFC78C | 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 #EB6B6B 0% et #FFC78C 100%.

0.0%	0.0% #EB6B6B	RVB 235 107 107	#EB6B6B
16.7%	16.7% #EE7B70	RVB 238 123 112	#EE7B70
33.3%	33.3% #F18A75	RVB 241 138 117	#F18A75
50.0%	50.0% #F59A7B	RVB 245 154 123	#F59A7B
66.7%	66.7% #F8A980	RVB 248 169 128	#F8A980
83.3%	83.3% #FBB886	RVB 251 184 134	#FBB886
100.0%	100.0% #FFC78C	RVB 255 199 140	#FFC78C

#EB6B6B #EE7B70 #F18A75 #F59A7B #F8A980 #FBB886 #FFC78C

#EB6B6B - #F59A7B - #FFC78C

Codes CSS

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

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