#F5EECE - #DAC37B | 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 #F5EECE a #DAC37B

#F5EECE #DAC37B

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

#F5EECE - #DAC37B | 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 #F5EECE como 0% y #DAC37B como 100%.

0.0%	0.0% #F5EECE	RGB 245 238 206	#F5EECE
16.7%	16.7% #F0E6C0	RGB 240 230 192	#F0E6C0
33.3%	33.3% #ECDFB2	RGB 236 223 178	#ECDFB2
50.0%	50.0% #E7D8A4	RGB 231 216 164	#E7D8A4
66.7%	66.7% #E3D196	RGB 227 209 150	#E3D196
83.3%	83.3% #DECA88	RGB 222 202 136	#DECA88
100.0%	100.0% #DAC37B	RGB 218 195 123	#DAC37B

#F5EECE #F0E6C0 #ECDFB2 #E7D8A4 #E3D196 #DECA88 #DAC37B

#F5EECE - #DAC37B

Mezcla HSV

#F5EECE - #DAC37B | 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 #F5EECE como 0% y #DAC37B como 100%.

0.0%	0.0% #F5EECE	RGB 245 238 206	#F5EECE
16.7%	16.7% #F0E7BF	RGB 240 231 191	#F0E7BF
33.3%	33.3% #ECE0B0	RGB 236 224 176	#ECE0B0
50.0%	50.0% #E7D8A2	RGB 231 216 162	#E7D8A2
66.7%	66.7% #E3D195	RGB 227 209 149	#E3D195
83.3%	83.3% #DECA87	RGB 222 202 135	#DECA87
100.0%	100.0% #DAC37B	RGB 218 195 123	#DAC37B

#F5EECE #F0E7BF #ECE0B0 #E7D8A2 #E3D195 #DECA87 #DAC37B

#F5EECE - #E7D8A2 - #DAC37B

Códigos CSS

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

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