#ACB674 - #E7EAD7 | 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 #ACB674 a #E7EAD7

#ACB674 #E7EAD7

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

#ACB674 - #E7EAD7 | 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 #ACB674 como 0% y #E7EAD7 como 100%.

0.0%	0.0% #ACB674	RGB 172 182 116	#ACB674
16.7%	16.7% #B5BE84	RGB 181 190 132	#B5BE84
33.3%	33.3% #BFC795	RGB 191 199 149	#BFC795
50.0%	50.0% #C9D0A5	RGB 201 208 165	#C9D0A5
66.7%	66.7% #D3D8B6	RGB 211 216 182	#D3D8B6
83.3%	83.3% #DDE1C6	RGB 221 225 198	#DDE1C6
100.0%	100.0% #E7EAD7	RGB 231 234 215	#E7EAD7

#ACB674 #B5BE84 #BFC795 #C9D0A5 #D3D8B6 #DDE1C6 #E7EAD7

#ACB674 - #E7EAD7

Mezcla HSV

#ACB674 - #E7EAD7 | 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 #ACB674 como 0% y #E7EAD7 como 100%.

0.0%	0.0% #ACB674	RGB 172 182 116	#ACB674
16.7%	16.7% #B5BE82	RGB 181 190 130	#B5BE82
33.3%	33.3% #BFC791	RGB 191 199 145	#BFC791
50.0%	50.0% #C8D0A1	RGB 200 208 161	#C8D0A1
66.7%	66.7% #D2D8B2	RGB 210 216 178	#D2D8B2
83.3%	83.3% #DCE1C4	RGB 220 225 196	#DCE1C4
100.0%	100.0% #E7EAD7	RGB 231 234 215	#E7EAD7

#ACB674 #B5BE82 #BFC791 #C8D0A1 #D2D8B2 #DCE1C4 #E7EAD7

#ACB674 - #C8D0A1 - #E7EAD7

Códigos CSS

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

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