#9EA190 - #E3E4DF | 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 #9EA190 a #E3E4DF

#9EA190 #E3E4DF

Calcule el color entre dos colores, #9EA190 y #E3E4DF. 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)

#9EA190 - #E3E4DF | 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 #9EA190 como 0% y #E3E4DF como 100%.

0.0%	0.0% #9EA190	RGB 158 161 144	#9EA190
16.7%	16.7% #A9AC9D	RGB 169 172 157	#A9AC9D
33.3%	33.3% #B5B7AA	RGB 181 183 170	#B5B7AA
50.0%	50.0% #C0C2B7	RGB 192 194 183	#C0C2B7
66.7%	66.7% #CCCDC4	RGB 204 205 196	#CCCDC4
83.3%	83.3% #D7D8D1	RGB 215 216 209	#D7D8D1
100.0%	100.0% #E3E4DF	RGB 227 228 223	#E3E4DF

#9EA190 #A9AC9D #B5B7AA #C0C2B7 #CCCDC4 #D7D8D1 #E3E4DF

#9EA190 - #E3E4DF

Mezcla HSV

#9EA190 - #E3E4DF | 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 #9EA190 como 0% y #E3E4DF como 100%.

0.0%	0.0% #9EA190	RGB 158 161 144	#9EA190
16.7%	16.7% #A9AC9C	RGB 169 172 156	#A9AC9C
33.3%	33.3% #B4B7A9	RGB 180 183 169	#B4B7A9
50.0%	50.0% #C0C2B6	RGB 192 194 182	#C0C2B6
66.7%	66.7% #CBCDC3	RGB 203 205 195	#CBCDC3
83.3%	83.3% #D7D8D1	RGB 215 216 209	#D7D8D1
100.0%	100.0% #E3E4DF	RGB 227 228 223	#E3E4DF

#9EA190 #A9AC9C #B4B7A9 #C0C2B6 #CBCDC3 #D7D8D1 #E3E4DF

#9EA190 - #C0C2B6 - #E3E4DF

Códigos CSS

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

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