#FFB053 - #F0FF6B | 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 #FFB053 à #F0FF6B

#FFB053 #F0FF6B

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

#FFB053 - #F0FF6B | 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 #FFB053 0% et #F0FF6B 100%.

0.0%	0.0% #FFB053	RVB 255 176 83	#FFB053
16.7%	16.7% #FCBD57	RVB 252 189 87	#FCBD57
33.3%	33.3% #FACA5B	RVB 250 202 91	#FACA5B
50.0%	50.0% #F7D75F	RVB 247 215 95	#F7D75F
66.7%	66.7% #F5E463	RVB 245 228 99	#F5E463
83.3%	83.3% #F2F167	RVB 242 241 103	#F2F167
100.0%	100.0% #F0FF6B	RVB 240 255 107	#F0FF6B

#FFB053 #FCBD57 #FACA5B #F7D75F #F5E463 #F2F167 #F0FF6B

#FFB053 - #F0FF6B

Mélange HSV

#FFB053 - #F0FF6B | 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 #FFB053 0% et #F0FF6B 100%.

0.0%	0.0% #FFB053	RVB 255 176 83	#FFB053
16.7%	16.7% #FFC157	RVB 255 193 87	#FFC157
33.3%	33.3% #FFD25B	RVB 255 210 91	#FFD25B
50.0%	50.0% #FFE25F	RVB 255 226 95	#FFE25F
66.7%	66.7% #FFF163	RVB 255 241 99	#FFF163
83.3%	83.3% #FDFF67	RVB 253 255 103	#FDFF67
100.0%	100.0% #F0FF6B	RVB 240 255 107	#F0FF6B

#FFB053 #FFC157 #FFD25B #FFE25F #FFF163 #FDFF67 #F0FF6B

#FFB053 - #FFE25F - #F0FF6B

Codes CSS

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

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