#E4AEAE - #FBEFD2 | 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 #E4AEAE a #FBEFD2

#E4AEAE #FBEFD2

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

#E4AEAE - #FBEFD2 | 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 #E4AEAE como 0% y #FBEFD2 como 100%.

0.0%	0.0% #E4AEAE	RGB 228 174 174	#E4AEAE
16.7%	16.7% #E7B8B4	RGB 231 184 180	#E7B8B4
33.3%	33.3% #EBC3BA	RGB 235 195 186	#EBC3BA
50.0%	50.0% #EFCEC0	RGB 239 206 192	#EFCEC0
66.7%	66.7% #F3D9C6	RGB 243 217 198	#F3D9C6
83.3%	83.3% #F7E4CC	RGB 247 228 204	#F7E4CC
100.0%	100.0% #FBEFD2	RGB 251 239 210	#FBEFD2

#E4AEAE #E7B8B4 #EBC3BA #EFCEC0 #F3D9C6 #F7E4CC #FBEFD2

#E4AEAE - #FBEFD2

Mezcla HSV

#E4AEAE - #FBEFD2 | 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 #E4AEAE como 0% y #FBEFD2 como 100%.

0.0%	0.0% #E4AEAE	RGB 228 174 174	#E4AEAE
16.7%	16.7% #E7B9B3	RGB 231 185 179	#E7B9B3
33.3%	33.3% #EBC5B9	RGB 235 197 185	#EBC5B9
50.0%	50.0% #EFD0BF	RGB 239 208 191	#EFD0BF
66.7%	66.7% #F3DBC5	RGB 243 219 197	#F3DBC5
83.3%	83.3% #F7E5CB	RGB 247 229 203	#F7E5CB
100.0%	100.0% #FBEFD2	RGB 251 239 210	#FBEFD2

#E4AEAE #E7B9B3 #EBC5B9 #EFD0BF #F3DBC5 #F7E5CB #FBEFD2

#E4AEAE - #EFD0BF - #FBEFD2

Códigos CSS

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

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