#E5E6E8 - #8BAF96 | 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 #E5E6E8 a #8BAF96

#E5E6E8 #8BAF96

Calcule el color entre dos colores, #E5E6E8 y #8BAF96. 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)

#E5E6E8 - #8BAF96 | 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 #E5E6E8 como 0% y #8BAF96 como 100%.

0.0%	0.0% #E5E6E8	RGB 229 230 232	#E5E6E8
16.7%	16.7% #D6DCDA	RGB 214 220 218	#D6DCDA
33.3%	33.3% #C7D3CC	RGB 199 211 204	#C7D3CC
50.0%	50.0% #B8CABF	RGB 184 202 191	#B8CABF
66.7%	66.7% #A9C1B1	RGB 169 193 177	#A9C1B1
83.3%	83.3% #9AB8A3	RGB 154 184 163	#9AB8A3
100.0%	100.0% #8BAF96	RGB 139 175 150	#8BAF96

#E5E6E8 #D6DCDA #C7D3CC #B8CABF #A9C1B1 #9AB8A3 #8BAF96

#E5E6E8 - #8BAF96

Mezcla HSV

#E5E6E8 - #8BAF96 | 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 #E5E6E8 como 0% y #8BAF96 como 100%.

0.0%	0.0% #E5E6E8	RGB 229 230 232	#E5E6E8
16.7%	16.7% #D4DADE	RGB 212 218 222	#D4DADE
33.3%	33.3% #C4D1D5	RGB 196 209 213	#C4D1D5
50.0%	50.0% #B5CBCB	RGB 181 203 203	#B5CBCB
66.7%	66.7% #A6C2BB	RGB 166 194 187	#A6C2BB
83.3%	83.3% #98B8A9	RGB 152 184 169	#98B8A9
100.0%	100.0% #8BAF96	RGB 139 175 150	#8BAF96

#E5E6E8 #D4DADE #C4D1D5 #B5CBCB #A6C2BB #98B8A9 #8BAF96

#E5E6E8 - #B5CBCB - #8BAF96

Códigos CSS

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

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