#CF5E4C - #FFAF65 | 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 #CF5E4C à #FFAF65

#CF5E4C #FFAF65

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

#CF5E4C - #FFAF65 | 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 #CF5E4C 0% et #FFAF65 100%.

0.0%	0.0% #CF5E4C	RVB 207 94 76	#CF5E4C
16.7%	16.7% #D76B50	RVB 215 107 80	#D76B50
33.3%	33.3% #DF7954	RVB 223 121 84	#DF7954
50.0%	50.0% #E78658	RVB 231 134 88	#E78658
66.7%	66.7% #EF945C	RVB 239 148 92	#EF945C
83.3%	83.3% #F7A160	RVB 247 161 96	#F7A160
100.0%	100.0% #FFAF65	RVB 255 175 101	#FFAF65

#CF5E4C #D76B50 #DF7954 #E78658 #EF945C #F7A160 #FFAF65

#CF5E4C - #FFAF65

Mélange HSV

#CF5E4C - #FFAF65 | 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 #CF5E4C 0% et #FFAF65 100%.

0.0%	0.0% #CF5E4C	RVB 207 94 76	#CF5E4C
16.7%	16.7% #D76A4F	RVB 215 106 79	#D76A4F
33.3%	33.3% #DF7754	RVB 223 119 84	#DF7754
50.0%	50.0% #E78458	RVB 231 132 88	#E78458
66.7%	66.7% #EF925C	RVB 239 146 92	#EF925C
83.3%	83.3% #F7A060	RVB 247 160 96	#F7A060
100.0%	100.0% #FFAF65	RVB 255 175 101	#FFAF65

#CF5E4C #D76A4F #DF7754 #E78458 #EF925C #F7A060 #FFAF65

#CF5E4C - #E78458 - #FFAF65

Codes CSS

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

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