#C25B5E - #FFA86E | 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 #C25B5E à #FFA86E

#C25B5E #FFA86E

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

#C25B5E - #FFA86E | 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 #C25B5E 0% et #FFA86E 100%.

0.0%	0.0% #C25B5E	RVB 194 91 94	#C25B5E
16.7%	16.7% #CC6760	RVB 204 103 96	#CC6760
33.3%	33.3% #D67463	RVB 214 116 99	#D67463
50.0%	50.0% #E08166	RVB 224 129 102	#E08166
66.7%	66.7% #EA8E68	RVB 234 142 104	#EA8E68
83.3%	83.3% #F49B6B	RVB 244 155 107	#F49B6B
100.0%	100.0% #FFA86E	RVB 255 168 110	#FFA86E

#C25B5E #CC6760 #D67463 #E08166 #EA8E68 #F49B6B #FFA86E

#C25B5E - #FFA86E

Mélange HSV

#C25B5E - #FFA86E | 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 #C25B5E 0% et #FFA86E 100%.

0.0%	0.0% #C25A5E	RVB 194 90 94	#C25A5E
16.7%	16.7% #CC635E	RVB 204 99 94	#CC635E
33.3%	33.3% #D66F61	RVB 214 111 97	#D66F61
50.0%	50.0% #E07B65	RVB 224 123 101	#E07B65
66.7%	66.7% #EA8968	RVB 234 137 104	#EA8968
83.3%	83.3% #F4986B	RVB 244 152 107	#F4986B
100.0%	100.0% #FFA86E	RVB 255 168 110	#FFA86E

#C25A5E #CC635E #D66F61 #E07B65 #EA8968 #F4986B #FFA86E

#C25B5E - #E07B65 - #FFA86E

Codes CSS

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

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