#EFCEB5 - #E8C7E5 | 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 #EFCEB5 a #E8C7E5

#EFCEB5 #E8C7E5

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

#EFCEB5 - #E8C7E5 | 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 #EFCEB5 como 0% y #E8C7E5 como 100%.

0.0%	0.0% #EFCEB5	RGB 239 206 181	#EFCEB5
16.7%	16.7% #EDCCBD	RGB 237 204 189	#EDCCBD
33.3%	33.3% #ECCBC5	RGB 236 203 197	#ECCBC5
50.0%	50.0% #EBCACD	RGB 235 202 205	#EBCACD
66.7%	66.7% #EAC9D5	RGB 234 201 213	#EAC9D5
83.3%	83.3% #E9C8DD	RGB 233 200 221	#E9C8DD
100.0%	100.0% #E8C7E5	RGB 232 199 229	#E8C7E5

#EFCEB5 #EDCCBD #ECCBC5 #EBCACD #EAC9D5 #E9C8DD #E8C7E5

#EFCEB5 - #E8C7E5

Mezcla HSV

#EFCEB5 - #E8C7E5 | 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 #EFCEB5 como 0% y #E8C7E5 como 100%.

0.0%	0.0% #EFCEB5	RGB 239 206 181	#EFCEB5
16.7%	16.7% #EDC3B8	RGB 237 195 184	#EDC3B8
33.3%	33.3% #ECBBBB	RGB 236 187 187	#ECBBBB
50.0%	50.0% #EBBEC9	RGB 235 190 201	#EBBEC9
66.7%	66.7% #EAC1D4	RGB 234 193 212	#EAC1D4
83.3%	83.3% #E9C4DD	RGB 233 196 221	#E9C4DD
100.0%	100.0% #E8C7E5	RGB 232 199 229	#E8C7E5

#EFCEB5 #EDC3B8 #ECBBBB #EBBEC9 #EAC1D4 #E9C4DD #E8C7E5

#EFCEB5 - #EBBEC9 - #E8C7E5

Códigos CSS

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

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