#CACA5E - #EFEFD1 | 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 #CACA5E a #EFEFD1

#CACA5E #EFEFD1

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

#CACA5E - #EFEFD1 | 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 #CACA5E como 0% y #EFEFD1 como 100%.

0.0%	0.0% #CACA5E	RGB 202 202 94	#CACA5E
16.7%	16.7% #D0D071	RGB 208 208 113	#D0D071
33.3%	33.3% #D6D684	RGB 214 214 132	#D6D684
50.0%	50.0% #DCDC97	RGB 220 220 151	#DCDC97
66.7%	66.7% #E2E2AA	RGB 226 226 170	#E2E2AA
83.3%	83.3% #E8E8BD	RGB 232 232 189	#E8E8BD
100.0%	100.0% #EFEFD1	RGB 239 239 209	#EFEFD1

#CACA5E #D0D071 #D6D684 #DCDC97 #E2E2AA #E8E8BD #EFEFD1

#CACA5E - #EFEFD1

Mezcla HSV

#CACA5E - #EFEFD1 | 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 #CACA5E como 0% y #EFEFD1 como 100%.

0.0%	0.0% #CACA5E	RGB 202 202 94	#CACA5E
16.7%	16.7% #D0D06F	RGB 208 208 111	#D0D06F
33.3%	33.3% #D6D680	RGB 214 214 128	#D6D680
50.0%	50.0% #DCDC93	RGB 220 220 147	#DCDC93
66.7%	66.7% #E2E2A7	RGB 226 226 167	#E2E2A7
83.3%	83.3% #E8E8BB	RGB 232 232 187	#E8E8BB
100.0%	100.0% #EFEFD1	RGB 239 239 209	#EFEFD1

#CACA5E #D0D06F #D6D680 #DCDC93 #E2E2A7 #E8E8BB #EFEFD1

#CACA5E - #DCDC93 - #EFEFD1

Códigos CSS

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

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