#B27B5E - #FEC27C | 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 #B27B5E à #FEC27C

#B27B5E #FEC27C

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

#B27B5E - #FEC27C | 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 #B27B5E 0% et #FEC27C 100%.

0.0%	0.0% #B27B5E	RVB 178 123 94	#B27B5E
16.7%	16.7% #BE8663	RVB 190 134 99	#BE8663
33.3%	33.3% #CB9268	RVB 203 146 104	#CB9268
50.0%	50.0% #D89E6D	RVB 216 158 109	#D89E6D
66.7%	66.7% #E4AA72	RVB 228 170 114	#E4AA72
83.3%	83.3% #F1B677	RVB 241 182 119	#F1B677
100.0%	100.0% #FEC27C	RVB 254 194 124	#FEC27C

#B27B5E #BE8663 #CB9268 #D89E6D #E4AA72 #F1B677 #FEC27C

#B27B5E - #FEC27C

Mélange HSV

#B27B5E - #FEC27C | 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 #B27B5E 0% et #FEC27C 100%.

0.0%	0.0% #B27B5E	RVB 178 123 94	#B27B5E
16.7%	16.7% #BE8563	RVB 190 133 99	#BE8563
33.3%	33.3% #CB9168	RVB 203 145 104	#CB9168
50.0%	50.0% #D89C6D	RVB 216 156 109	#D89C6D
66.7%	66.7% #E4A872	RVB 228 168 114	#E4A872
83.3%	83.3% #F1B577	RVB 241 181 119	#F1B577
100.0%	100.0% #FEC27C	RVB 254 194 124	#FEC27C

#B27B5E #BE8563 #CB9168 #D89C6D #E4A872 #F1B577 #FEC27C

#B27B5E - #D89C6D - #FEC27C

Codes CSS

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

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