#E5F0DA - #41443E | 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 #E5F0DA a #41443E

#E5F0DA #41443E

Calcule el color entre dos colores, #E5F0DA y #41443E. 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)

#E5F0DA - #41443E | 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 #E5F0DA como 0% y #41443E como 100%.

0.0%	0.0% #E5F0DA	RGB 229 240 218	#E5F0DA
16.7%	16.7% #C9D3C0	RGB 201 211 192	#C9D3C0
33.3%	33.3% #AEB6A6	RGB 174 182 166	#AEB6A6
50.0%	50.0% #939A8C	RGB 147 154 140	#939A8C
66.7%	66.7% #777D72	RGB 119 125 114	#777D72
83.3%	83.3% #5C6058	RGB 92 96 88	#5C6058
100.0%	100.0% #41443E	RGB 65 68 62	#41443E

#E5F0DA #C9D3C0 #AEB6A6 #939A8C #777D72 #5C6058 #41443E

#E5F0DA - #41443E

Mezcla HSV

#E5F0DA - #41443E | 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 #E5F0DA como 0% y #41443E como 100%.

0.0%	0.0% #E5F0DA	RGB 229 240 218	#E5F0DA
16.7%	16.7% #C9D3C0	RGB 201 211 192	#C9D3C0
33.3%	33.3% #AEB6A6	RGB 174 182 166	#AEB6A6
50.0%	50.0% #939A8C	RGB 147 154 140	#939A8C
66.7%	66.7% #777D72	RGB 119 125 114	#777D72
83.3%	83.3% #5C6058	RGB 92 96 88	#5C6058
100.0%	100.0% #41443E	RGB 65 68 62	#41443E

#E5F0DA #C9D3C0 #AEB6A6 #939A8C #777D72 #5C6058 #41443E

#E5F0DA - #939A8C - #41443E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5F0DA 0%, #939A8C 50%, #41443E 100%);
    background: -webkit-linear-gradient(top, #E5F0DA 0%, #939A8C 50%, #41443E 100%);
    background: linear-gradient(to bottom, #E5F0DA 0%, #939A8C 50%, #41443E 100%);
}
</style>