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

#CD5E4C #FFAF65

Calculez la couleur entre deux couleurs, #CD5E4C 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)

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

0.0%	0.0% #CD5E4C	RVB 205 94 76	#CD5E4C
16.7%	16.7% #D56B50	RVB 213 107 80	#D56B50
33.3%	33.3% #DD7954	RVB 221 121 84	#DD7954
50.0%	50.0% #E68658	RVB 230 134 88	#E68658
66.7%	66.7% #EE945C	RVB 238 148 92	#EE945C
83.3%	83.3% #F6A160	RVB 246 161 96	#F6A160
100.0%	100.0% #FFAF65	RVB 255 175 101	#FFAF65

#CD5E4C #D56B50 #DD7954 #E68658 #EE945C #F6A160 #FFAF65

#CD5E4C - #FFAF65

Mélange HSV

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

0.0%	0.0% #CD5E4C	RVB 205 94 76	#CD5E4C
16.7%	16.7% #D56A4F	RVB 213 106 79	#D56A4F
33.3%	33.3% #DD7654	RVB 221 118 84	#DD7654
50.0%	50.0% #E68458	RVB 230 132 88	#E68458
66.7%	66.7% #EE915C	RVB 238 145 92	#EE915C
83.3%	83.3% #F6A060	RVB 246 160 96	#F6A060
100.0%	100.0% #FFAF65	RVB 255 175 101	#FFAF65

#CD5E4C #D56A4F #DD7654 #E68458 #EE915C #F6A060 #FFAF65

#CD5E4C - #E68458 - #FFAF65

Codes CSS

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

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