#E5E2DA - #CFC18D | 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 #E5E2DA a #CFC18D

#E5E2DA #CFC18D

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

#E5E2DA - #CFC18D | 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 #E5E2DA como 0% y #CFC18D como 100%.

0.0%	0.0% #E5E2DA	RGB 229 226 218	#E5E2DA
16.7%	16.7% #E1DCCD	RGB 225 220 205	#E1DCCD
33.3%	33.3% #DDD7C0	RGB 221 215 192	#DDD7C0
50.0%	50.0% #DAD1B3	RGB 218 209 179	#DAD1B3
66.7%	66.7% #D6CCA6	RGB 214 204 166	#D6CCA6
83.3%	83.3% #D2C699	RGB 210 198 153	#D2C699
100.0%	100.0% #CFC18D	RGB 207 193 141	#CFC18D

#E5E2DA #E1DCCD #DDD7C0 #DAD1B3 #D6CCA6 #D2C699 #CFC18D

#E5E2DA - #CFC18D

Mezcla HSV

#E5E2DA - #CFC18D | 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 #E5E2DA como 0% y #CFC18D como 100%.

0.0%	0.0% #E5E2DA	RGB 229 226 218	#E5E2DA
16.7%	16.7% #E1DBCC	RGB 225 219 204	#E1DBCC
33.3%	33.3% #DDD5BF	RGB 221 213 191	#DDD5BF
50.0%	50.0% #DAD0B2	RGB 218 208 178	#DAD0B2
66.7%	66.7% #D6CAA5	RGB 214 202 165	#D6CAA5
83.3%	83.3% #D2C599	RGB 210 197 153	#D2C599
100.0%	100.0% #CFC18D	RGB 207 193 141	#CFC18D

#E5E2DA #E1DBCC #DDD5BF #DAD0B2 #D6CAA5 #D2C599 #CFC18D

#E5E2DA - #DAD0B2 - #CFC18D

Códigos CSS

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

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