#AD877C - #FECE9C | 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 #AD877C a #FECE9C

#AD877C #FECE9C

Calcule el color entre dos colores, #AD877C y #FECE9C. 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)

#AD877C - #FECE9C | 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 #AD877C como 0% y #FECE9C como 100%.

0.0%	0.0% #AD877C	RGB 173 135 124	#AD877C
16.7%	16.7% #BA9281	RGB 186 146 129	#BA9281
33.3%	33.3% #C89E86	RGB 200 158 134	#C89E86
50.0%	50.0% #D5AA8C	RGB 213 170 140	#D5AA8C
66.7%	66.7% #E3B691	RGB 227 182 145	#E3B691
83.3%	83.3% #F0C296	RGB 240 194 150	#F0C296
100.0%	100.0% #FECE9C	RGB 254 206 156	#FECE9C

#AD877C #BA9281 #C89E86 #D5AA8C #E3B691 #F0C296 #FECE9C

#AD877C - #FECE9C

Mezcla HSV

#AD877C - #FECE9C | 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 #AD877C como 0% y #FECE9C como 100%.

0.0%	0.0% #AD877C	RGB 173 135 124	#AD877C
16.7%	16.7% #BA9182	RGB 186 145 130	#BA9182
33.3%	33.3% #C89C88	RGB 200 156 136	#C89C88
50.0%	50.0% #D5A88E	RGB 213 168 142	#D5A88E
66.7%	66.7% #E3B493	RGB 227 180 147	#E3B493
83.3%	83.3% #F0C097	RGB 240 192 151	#F0C097
100.0%	100.0% #FECE9C	RGB 254 206 156	#FECE9C

#AD877C #BA9182 #C89C88 #D5A88E #E3B493 #F0C097 #FECE9C

#AD877C - #D5A88E - #FECE9C

Códigos CSS

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

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