#DB5E3D - #FFAF52 | 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 #DB5E3D à #FFAF52

#DB5E3D #FFAF52

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

#DB5E3D - #FFAF52 | 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 #DB5E3D 0% et #FFAF52 100%.

0.0%	0.0% #DB5E3D	RVB 219 94 61	#DB5E3D
16.7%	16.7% #E16B40	RVB 225 107 64	#E16B40
33.3%	33.3% #E77944	RVB 231 121 68	#E77944
50.0%	50.0% #ED8647	RVB 237 134 71	#ED8647
66.7%	66.7% #F3944B	RVB 243 148 75	#F3944B
83.3%	83.3% #F9A14E	RVB 249 161 78	#F9A14E
100.0%	100.0% #FFAF52	RVB 255 175 82	#FFAF52

#DB5E3D #E16B40 #E77944 #ED8647 #F3944B #F9A14E #FFAF52

#DB5E3D - #FFAF52

Mélange HSV

#DB5E3D - #FFAF52 | 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 #DB5E3D 0% et #FFAF52 100%.

0.0%	0.0% #DB5E3D	RVB 219 94 61	#DB5E3D
16.7%	16.7% #E16A40	RVB 225 106 64	#E16A40
33.3%	33.3% #E77743	RVB 231 119 67	#E77743
50.0%	50.0% #ED8547	RVB 237 133 71	#ED8547
66.7%	66.7% #F3924A	RVB 243 146 74	#F3924A
83.3%	83.3% #F9A04E	RVB 249 160 78	#F9A04E
100.0%	100.0% #FFAF52	RVB 255 175 82	#FFAF52

#DB5E3D #E16A40 #E77743 #ED8547 #F3924A #F9A04E #FFAF52

#DB5E3D - #ED8547 - #FFAF52

Codes CSS

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

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