#E4A6AA - #F7E5E6 | 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 #E4A6AA a #F7E5E6

#E4A6AA #F7E5E6

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

#E4A6AA - #F7E5E6 | 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 #E4A6AA como 0% y #F7E5E6 como 100%.

0.0%	0.0% #E4A6AA	RGB 228 166 170	#E4A6AA
16.7%	16.7% #E7B0B4	RGB 231 176 180	#E7B0B4
33.3%	33.3% #EABBBE	RGB 234 187 190	#EABBBE
50.0%	50.0% #EDC5C8	RGB 237 197 200	#EDC5C8
66.7%	66.7% #F0D0D2	RGB 240 208 210	#F0D0D2
83.3%	83.3% #F3DADC	RGB 243 218 220	#F3DADC
100.0%	100.0% #F7E5E6	RGB 247 229 230	#F7E5E6

#E4A6AA #E7B0B4 #EABBBE #EDC5C8 #F0D0D2 #F3DADC #F7E5E6

#E4A6AA - #F7E5E6

Mezcla HSV

#E4A6AA - #F7E5E6 | 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 #E4A6AA como 0% y #F7E5E6 como 100%.

0.0%	0.0% #E4A6AA	RGB 228 166 170	#E4A6AA
16.7%	16.7% #E7AFB3	RGB 231 175 179	#E7AFB3
33.3%	33.3% #EABABD	RGB 234 186 189	#EABABD
50.0%	50.0% #EDC4C7	RGB 237 196 199	#EDC4C7
66.7%	66.7% #F0CFD1	RGB 240 207 209	#F0CFD1
83.3%	83.3% #F3D9DB	RGB 243 217 219	#F3D9DB
100.0%	100.0% #F7E5E6	RGB 247 229 230	#F7E5E6

#E4A6AA #E7AFB3 #EABABD #EDC4C7 #F0CFD1 #F3D9DB #F7E5E6

#E4A6AA - #EDC4C7 - #F7E5E6

Códigos CSS

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

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