#CACA74 - #EFEFD7 | 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 #CACA74 a #EFEFD7

#CACA74 #EFEFD7

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

#CACA74 - #EFEFD7 | 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 #CACA74 como 0% y #EFEFD7 como 100%.

0.0%	0.0% #CACA74	RGB 202 202 116	#CACA74
16.7%	16.7% #D0D084	RGB 208 208 132	#D0D084
33.3%	33.3% #D6D695	RGB 214 214 149	#D6D695
50.0%	50.0% #DCDCA5	RGB 220 220 165	#DCDCA5
66.7%	66.7% #E2E2B6	RGB 226 226 182	#E2E2B6
83.3%	83.3% #E8E8C6	RGB 232 232 198	#E8E8C6
100.0%	100.0% #EFEFD7	RGB 239 239 215	#EFEFD7

#CACA74 #D0D084 #D6D695 #DCDCA5 #E2E2B6 #E8E8C6 #EFEFD7

#CACA74 - #EFEFD7

Mezcla HSV

#CACA74 - #EFEFD7 | 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 #CACA74 como 0% y #EFEFD7 como 100%.

0.0%	0.0% #CACA74	RGB 202 202 116	#CACA74
16.7%	16.7% #D0D082	RGB 208 208 130	#D0D082
33.3%	33.3% #D6D692	RGB 214 214 146	#D6D692
50.0%	50.0% #DCDCA2	RGB 220 220 162	#DCDCA2
66.7%	66.7% #E2E2B3	RGB 226 226 179	#E2E2B3
83.3%	83.3% #E8E8C4	RGB 232 232 196	#E8E8C4
100.0%	100.0% #EFEFD7	RGB 239 239 215	#EFEFD7

#CACA74 #D0D082 #D6D692 #DCDCA2 #E2E2B3 #E8E8C4 #EFEFD7

#CACA74 - #DCDCA2 - #EFEFD7

Códigos CSS

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

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