#AFAB9F - #756D49 | 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 #AFAB9F a #756D49

#AFAB9F #756D49

Calcule el color entre dos colores, #AFAB9F y #756D49. 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)

#AFAB9F - #756D49 | 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 #AFAB9F como 0% y #756D49 como 100%.

0.0%	0.0% #AFAB9F	RGB 175 171 159	#AFAB9F
16.7%	16.7% #A5A090	RGB 165 160 144	#A5A090
33.3%	33.3% #9B9682	RGB 155 150 130	#9B9682
50.0%	50.0% #928C74	RGB 146 140 116	#928C74
66.7%	66.7% #888165	RGB 136 129 101	#888165
83.3%	83.3% #7E7757	RGB 126 119 87	#7E7757
100.0%	100.0% #756D49	RGB 117 109 73	#756D49

#AFAB9F #A5A090 #9B9682 #928C74 #888165 #7E7757 #756D49

#AFAB9F - #756D49

Mezcla HSV

#AFAB9F - #756D49 | 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 #AFAB9F como 0% y #756D49 como 100%.

0.0%	0.0% #AFAB9F	RGB 175 171 159	#AFAB9F
16.7%	16.7% #A59F8E	RGB 165 159 142	#A59F8E
33.3%	33.3% #9B957E	RGB 155 149 126	#9B957E
50.0%	50.0% #928A6F	RGB 146 138 111	#928A6F
66.7%	66.7% #888061	RGB 136 128 97	#888061
83.3%	83.3% #7E7655	RGB 126 118 85	#7E7655
100.0%	100.0% #756D49	RGB 117 109 73	#756D49

#AFAB9F #A59F8E #9B957E #928A6F #888061 #7E7655 #756D49

#AFAB9F - #928A6F - #756D49

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFAB9F 0%, #928A6F 50%, #756D49 100%);
    background: -webkit-linear-gradient(top, #AFAB9F 0%, #928A6F 50%, #756D49 100%);
    background: linear-gradient(to bottom, #AFAB9F 0%, #928A6F 50%, #756D49 100%);
}
</style>