#AA5E74 - #FAAD8C | 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 #AA5E74 a #FAAD8C

#AA5E74 #FAAD8C

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

#AA5E74 - #FAAD8C | 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 #AA5E74 como 0% y #FAAD8C como 100%.

0.0%	0.0% #AA5E74	RGB 170 94 116	#AA5E74
16.7%	16.7% #B76B78	RGB 183 107 120	#B76B78
33.3%	33.3% #C4787C	RGB 196 120 124	#C4787C
50.0%	50.0% #D28580	RGB 210 133 128	#D28580
66.7%	66.7% #DF9284	RGB 223 146 132	#DF9284
83.3%	83.3% #EC9F88	RGB 236 159 136	#EC9F88
100.0%	100.0% #FAAD8C	RGB 250 173 140	#FAAD8C

#AA5E74 #B76B78 #C4787C #D28580 #DF9284 #EC9F88 #FAAD8C

#AA5E74 - #FAAD8C

Mezcla HSV

#AA5E74 - #FAAD8C | 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 #AA5E74 como 0% y #FAAD8C como 100%.

0.0%	0.0% #AA5E74	RGB 170 94 116	#AA5E74
16.7%	16.7% #B76575	RGB 183 101 117	#B76575
33.3%	33.3% #C46D75	RGB 196 109 117	#C46D75
50.0%	50.0% #D27574	RGB 210 117 116	#D27574
66.7%	66.7% #DF867C	RGB 223 134 124	#DF867C
83.3%	83.3% #EC9984	RGB 236 153 132	#EC9984
100.0%	100.0% #FAAD8C	RGB 250 173 140	#FAAD8C

#AA5E74 #B76575 #C46D75 #D27574 #DF867C #EC9984 #FAAD8C

#AA5E74 - #D27574 - #FAAD8C

Códigos CSS

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

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