#AF7B5E - #FEC27C | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #AF7B5E a #FEC27C

#AF7B5E #FEC27C

Calcule el color entre dos colores, #AF7B5E y #FEC27C. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#AF7B5E - #FEC27C | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #AF7B5E como 0% y #FEC27C como 100%.

0.0%	0.0% #AF7B5E	RGB 175 123 94	#AF7B5E
16.7%	16.7% #BC8663	RGB 188 134 99	#BC8663
33.3%	33.3% #C99268	RGB 201 146 104	#C99268
50.0%	50.0% #D69E6D	RGB 214 158 109	#D69E6D
66.7%	66.7% #E3AA72	RGB 227 170 114	#E3AA72
83.3%	83.3% #F0B677	RGB 240 182 119	#F0B677
100.0%	100.0% #FEC27C	RGB 254 194 124	#FEC27C

#AF7B5E #BC8663 #C99268 #D69E6D #E3AA72 #F0B677 #FEC27C

#AF7B5E - #FEC27C

Mezcla HSV

#AF7B5E - #FEC27C | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #AF7B5E como 0% y #FEC27C como 100%.

0.0%	0.0% #AF7B5E	RGB 175 123 94	#AF7B5E
16.7%	16.7% #BC8563	RGB 188 133 99	#BC8563
33.3%	33.3% #C99168	RGB 201 145 104	#C99168
50.0%	50.0% #D69C6D	RGB 214 156 109	#D69C6D
66.7%	66.7% #E3A872	RGB 227 168 114	#E3A872
83.3%	83.3% #F0B577	RGB 240 181 119	#F0B577
100.0%	100.0% #FEC27C	RGB 254 194 124	#FEC27C

#AF7B5E #BC8563 #C99168 #D69C6D #E3A872 #F0B577 #FEC27C

#AF7B5E - #D69C6D - #FEC27C

Códigos CSS

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

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