#E4A8C0 - #FCECD8 | 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 #E4A8C0 a #FCECD8

#E4A8C0 #FCECD8

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

#E4A8C0 - #FCECD8 | 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 #E4A8C0 como 0% y #FCECD8 como 100%.

0.0%	0.0% #E4A8C0	RGB 228 168 192	#E4A8C0
16.7%	16.7% #E8B3C4	RGB 232 179 196	#E8B3C4
33.3%	33.3% #ECBEC8	RGB 236 190 200	#ECBEC8
50.0%	50.0% #F0CACC	RGB 240 202 204	#F0CACC
66.7%	66.7% #F4D5D0	RGB 244 213 208	#F4D5D0
83.3%	83.3% #F8E0D4	RGB 248 224 212	#F8E0D4
100.0%	100.0% #FCECD8	RGB 252 236 216	#FCECD8

#E4A8C0 #E8B3C4 #ECBEC8 #F0CACC #F4D5D0 #F8E0D4 #FCECD8

#E4A8C0 - #FCECD8

Mezcla HSV

#E4A8C0 - #FCECD8 | 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 #E4A8C0 como 0% y #FCECD8 como 100%.

0.0%	0.0% #E4A8C0	RGB 228 168 192	#E4A8C0
16.7%	16.7% #E8AFBD	RGB 232 175 189	#E8AFBD
33.3%	33.3% #ECB7BB	RGB 236 183 187	#ECB7BB
50.0%	50.0% #F0C3BF	RGB 240 195 191	#F0C3BF
66.7%	66.7% #F4D1C7	RGB 244 209 199	#F4D1C7
83.3%	83.3% #F8DFCF	RGB 248 223 207	#F8DFCF
100.0%	100.0% #FCECD8	RGB 252 236 216	#FCECD8

#E4A8C0 #E8AFBD #ECB7BB #F0C3BF #F4D1C7 #F8DFCF #FCECD8

#E4A8C0 - #F0C3BF - #FCECD8

Códigos CSS

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

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