#CA5E3C - #FFAA51 | 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 #CA5E3C à #FFAA51

#CA5E3C #FFAA51

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

#CA5E3C - #FFAA51 | 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 #CA5E3C 0% et #FFAA51 100%.

0.0%	0.0% #CA5E3C	RVB 202 94 60	#CA5E3C
16.7%	16.7% #D26A3F	RVB 210 106 63	#D26A3F
33.3%	33.3% #DB7743	RVB 219 119 67	#DB7743
50.0%	50.0% #E48446	RVB 228 132 70	#E48446
66.7%	66.7% #ED904A	RVB 237 144 74	#ED904A
83.3%	83.3% #F69D4D	RVB 246 157 77	#F69D4D
100.0%	100.0% #FFAA51	RVB 255 170 81	#FFAA51

#CA5E3C #D26A3F #DB7743 #E48446 #ED904A #F69D4D #FFAA51

#CA5E3C - #FFAA51

Mélange HSV

#CA5E3C - #FFAA51 | 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 #CA5E3C 0% et #FFAA51 100%.

0.0%	0.0% #CA5D3C	RVB 202 93 60	#CA5D3C
16.7%	16.7% #D2693F	RVB 210 105 63	#D2693F
33.3%	33.3% #DB7542	RVB 219 117 66	#DB7542
50.0%	50.0% #E48146	RVB 228 129 70	#E48146
66.7%	66.7% #ED8E49	RVB 237 142 73	#ED8E49
83.3%	83.3% #F69C4D	RVB 246 156 77	#F69C4D
100.0%	100.0% #FFAA51	RVB 255 170 81	#FFAA51

#CA5D3C #D2693F #DB7542 #E48146 #ED8E49 #F69C4D #FFAA51

#CA5E3C - #E48146 - #FFAA51

Codes CSS

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

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