#E5E5CC - #C0B87B | 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 #E5E5CC a #C0B87B

#E5E5CC #C0B87B

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

#E5E5CC - #C0B87B | 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 #E5E5CC como 0% y #C0B87B como 100%.

0.0%	0.0% #E5E5CC	RGB 229 229 204	#E5E5CC
16.7%	16.7% #DEDDBE	RGB 222 221 190	#DEDDBE
33.3%	33.3% #D8D6B1	RGB 216 214 177	#D8D6B1
50.0%	50.0% #D2CEA3	RGB 210 206 163	#D2CEA3
66.7%	66.7% #CCC796	RGB 204 199 150	#CCC796
83.3%	83.3% #C6BF88	RGB 198 191 136	#C6BF88
100.0%	100.0% #C0B87B	RGB 192 184 123	#C0B87B

#E5E5CC #DEDDBE #D8D6B1 #D2CEA3 #CCC796 #C6BF88 #C0B87B

#E5E5CC - #C0B87B

Mezcla HSV

#E5E5CC - #C0B87B | 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 #E5E5CC como 0% y #C0B87B como 100%.

0.0%	0.0% #E5E5CC	RGB 229 229 204	#E5E5CC
16.7%	16.7% #DEDEBD	RGB 222 222 189	#DEDEBD
33.3%	33.3% #D8D7AE	RGB 216 215 174	#D8D7AE
50.0%	50.0% #D2CFA1	RGB 210 207 161	#D2CFA1
66.7%	66.7% #CCC793	RGB 204 199 147	#CCC793
83.3%	83.3% #C6C087	RGB 198 192 135	#C6C087
100.0%	100.0% #C0B87B	RGB 192 184 123	#C0B87B

#E5E5CC #DEDEBD #D8D7AE #D2CFA1 #CCC793 #C6C087 #C0B87B

#E5E5CC - #D2CFA1 - #C0B87B

Códigos CSS

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

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