#EECEAF - #E6EBEC | 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 #EECEAF a #E6EBEC

#EECEAF #E6EBEC

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

#EECEAF - #E6EBEC | 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 #EECEAF como 0% y #E6EBEC como 100%.

0.0%	0.0% #EECEAF	RGB 238 206 175	#EECEAF
16.7%	16.7% #ECD2B9	RGB 236 210 185	#ECD2B9
33.3%	33.3% #EBD7C3	RGB 235 215 195	#EBD7C3
50.0%	50.0% #EADCCD	RGB 234 220 205	#EADCCD
66.7%	66.7% #E8E1D7	RGB 232 225 215	#E8E1D7
83.3%	83.3% #E7E6E1	RGB 231 230 225	#E7E6E1
100.0%	100.0% #E6EBEC	RGB 230 235 236	#E6EBEC

#EECEAF #ECD2B9 #EBD7C3 #EADCCD #E8E1D7 #E7E6E1 #E6EBEC

#EECEAF - #E6EBEC

Mezcla HSV

#EECEAF - #E6EBEC | 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 #EECEAF como 0% y #E6EBEC como 100%.

0.0%	0.0% #EECEAF	RGB 238 206 175	#EECEAF
16.7%	16.7% #EDEAB8	RGB 237 234 184	#EDEAB8
33.3%	33.3% #DCEDC1	RGB 220 237 193	#DCEDC1
50.0%	50.0% #D0EDCA	RGB 208 237 202	#D0EDCA
66.7%	66.7% #D3ECDA	RGB 211 236 218	#D3ECDA
83.3%	83.3% #DCECE8	RGB 220 236 232	#DCECE8
100.0%	100.0% #E6EBEC	RGB 230 235 236	#E6EBEC

#EECEAF #EDEAB8 #DCEDC1 #D0EDCA #D3ECDA #DCECE8 #E6EBEC

#EECEAF - #D0EDCA - #E6EBEC

Códigos CSS

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

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