#AF5E5E - #F9AE7E | 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 #AF5E5E a #F9AE7E

#AF5E5E #F9AE7E

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

#AF5E5E - #F9AE7E | 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 #AF5E5E como 0% y #F9AE7E como 100%.

0.0%	0.0% #AF5E5E	RGB 175 94 94	#AF5E5E
16.7%	16.7% #BB6B63	RGB 187 107 99	#BB6B63
33.3%	33.3% #C77868	RGB 199 120 104	#C77868
50.0%	50.0% #D4866E	RGB 212 134 110	#D4866E
66.7%	66.7% #E09373	RGB 224 147 115	#E09373
83.3%	83.3% #ECA078	RGB 236 160 120	#ECA078
100.0%	100.0% #F9AE7E	RGB 249 174 126	#F9AE7E

#AF5E5E #BB6B63 #C77868 #D4866E #E09373 #ECA078 #F9AE7E

#AF5E5E - #F9AE7E

Mezcla HSV

#AF5E5E - #F9AE7E | 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 #AF5E5E como 0% y #F9AE7E como 100%.

0.0%	0.0% #AF5E5E	RGB 175 94 94	#AF5E5E
16.7%	16.7% #BB6963	RGB 187 105 99	#BB6963
33.3%	33.3% #C77569	RGB 199 117 105	#C77569
50.0%	50.0% #D4826E	RGB 212 130 110	#D4826E
66.7%	66.7% #E09073	RGB 224 144 115	#E09073
83.3%	83.3% #EC9E78	RGB 236 158 120	#EC9E78
100.0%	100.0% #F9AE7E	RGB 249 174 126	#F9AE7E

#AF5E5E #BB6963 #C77569 #D4826E #E09073 #EC9E78 #F9AE7E

#AF5E5E - #D4826E - #F9AE7E

Códigos CSS

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

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