#A29F91 - #FFD8A6 | 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 #A29F91 a #FFD8A6

#A29F91 #FFD8A6

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

#A29F91 - #FFD8A6 | 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 #A29F91 como 0% y #FFD8A6 como 100%.

0.0%	0.0% #A29F91	RGB 162 159 145	#A29F91
16.7%	16.7% #B1A894	RGB 177 168 148	#B1A894
33.3%	33.3% #C1B298	RGB 193 178 152	#C1B298
50.0%	50.0% #D0BB9B	RGB 208 187 155	#D0BB9B
66.7%	66.7% #E0C59F	RGB 224 197 159	#E0C59F
83.3%	83.3% #EFCEA2	RGB 239 206 162	#EFCEA2
100.0%	100.0% #FFD8A6	RGB 255 216 166	#FFD8A6

#A29F91 #B1A894 #C1B298 #D0BB9B #E0C59F #EFCEA2 #FFD8A6

#A29F91 - #FFD8A6

Mezcla HSV

#A29F91 - #FFD8A6 | 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 #A29F91 como 0% y #FFD8A6 como 100%.

0.0%	0.0% #A29F91	RGB 162 159 145	#A29F91
16.7%	16.7% #B1AB97	RGB 177 171 151	#B1AB97
33.3%	33.3% #C1B79D	RGB 193 183 157	#C1B79D
50.0%	50.0% #D0C1A1	RGB 208 193 161	#D0C1A1
66.7%	66.7% #E0CAA4	RGB 224 202 164	#E0CAA4
83.3%	83.3% #EFD2A5	RGB 239 210 165	#EFD2A5
100.0%	100.0% #FFD8A6	RGB 255 216 166	#FFD8A6

#A29F91 #B1AB97 #C1B79D #D0C1A1 #E0CAA4 #EFD2A5 #FFD8A6

#A29F91 - #D0C1A1 - #FFD8A6

Códigos CSS

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

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