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

#CA5E3C #EFD1C7

Calculez la couleur entre deux couleurs, #CA5E3C et #EFD1C7. 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 - #EFD1C7 | 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 #EFD1C7 100%.

0.0%	0.0% #CA5E3C	RVB 202 94 60	#CA5E3C
16.7%	16.7% #D07153	RVB 208 113 83	#D07153
33.3%	33.3% #D6846A	RVB 214 132 106	#D6846A
50.0%	50.0% #DC9781	RVB 220 151 129	#DC9781
66.7%	66.7% #E2AA98	RVB 226 170 152	#E2AA98
83.3%	83.3% #E8BDAF	RVB 232 189 175	#E8BDAF
100.0%	100.0% #EFD1C7	RVB 239 209 199	#EFD1C7

#CA5E3C #D07153 #D6846A #DC9781 #E2AA98 #E8BDAF #EFD1C7

#CA5E3C - #EFD1C7

Mélange HSV

#CA5E3C - #EFD1C7 | 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 #EFD1C7 100%.

0.0%	0.0% #CA5D3C	RVB 202 93 60	#CA5D3C
16.7%	16.7% #D06F50	RVB 208 111 80	#D06F50
33.3%	33.3% #D68165	RVB 214 129 101	#D68165
50.0%	50.0% #DC947C	RVB 220 148 124	#DC947C
66.7%	66.7% #E2A794	RVB 226 167 148	#E2A794
83.3%	83.3% #E8BBAD	RVB 232 187 173	#E8BBAD
100.0%	100.0% #EFD1C7	RVB 239 209 199	#EFD1C7

#CA5D3C #D06F50 #D68165 #DC947C #E2A794 #E8BBAD #EFD1C7

#CA5E3C - #DC947C - #EFD1C7

Codes CSS

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

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