#CCC091 - #FFE8AC | 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 #CCC091 a #FFE8AC

#CCC091 #FFE8AC

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

#CCC091 - #FFE8AC | 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 #CCC091 como 0% y #FFE8AC como 100%.

0.0%	0.0% #CCC091	RGB 204 192 145	#CCC091
16.7%	16.7% #D4C695	RGB 212 198 149	#D4C695
33.3%	33.3% #DDCD9A	RGB 221 205 154	#DDCD9A
50.0%	50.0% #E5D49E	RGB 229 212 158	#E5D49E
66.7%	66.7% #EEDAA3	RGB 238 218 163	#EEDAA3
83.3%	83.3% #F6E1A7	RGB 246 225 167	#F6E1A7
100.0%	100.0% #FFE8AC	RGB 255 232 172	#FFE8AC

#CCC091 #D4C695 #DDCD9A #E5D49E #EEDAA3 #F6E1A7 #FFE8AC

#CCC091 - #FFE8AC

Mezcla HSV

#CCC091 - #FFE8AC | 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 #CCC091 como 0% y #FFE8AC como 100%.

0.0%	0.0% #CCC091	RGB 204 192 145	#CCC091
16.7%	16.7% #D4C695	RGB 212 198 149	#D4C695
33.3%	33.3% #DDCD9A	RGB 221 205 154	#DDCD9A
50.0%	50.0% #E5D49E	RGB 229 212 158	#E5D49E
66.7%	66.7% #EEDBA3	RGB 238 219 163	#EEDBA3
83.3%	83.3% #F6E1A7	RGB 246 225 167	#F6E1A7
100.0%	100.0% #FFE8AC	RGB 255 232 172	#FFE8AC

#CCC091 #D4C695 #DDCD9A #E5D49E #EEDBA3 #F6E1A7 #FFE8AC

#CCC091 - #E5D49E - #FFE8AC

Códigos CSS

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

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