#9AA291 - #E1E4DF | 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 #9AA291 a #E1E4DF

#9AA291 #E1E4DF

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

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

0.0%	0.0% #9AA291	RGB 154 162 145	#9AA291
16.7%	16.7% #A5AD9E	RGB 165 173 158	#A5AD9E
33.3%	33.3% #B1B8AB	RGB 177 184 171	#B1B8AB
50.0%	50.0% #BDC3B8	RGB 189 195 184	#BDC3B8
66.7%	66.7% #C9CEC5	RGB 201 206 197	#C9CEC5
83.3%	83.3% #D5D9D2	RGB 213 217 210	#D5D9D2
100.0%	100.0% #E1E4DF	RGB 225 228 223	#E1E4DF

#9AA291 #A5AD9E #B1B8AB #BDC3B8 #C9CEC5 #D5D9D2 #E1E4DF

#9AA291 - #E1E4DF

Mezcla HSV

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

0.0%	0.0% #9AA291	RGB 154 162 145	#9AA291
16.7%	16.7% #A5AD9D	RGB 165 173 157	#A5AD9D
33.3%	33.3% #B0B8A9	RGB 176 184 169	#B0B8A9
50.0%	50.0% #BCC3B6	RGB 188 195 182	#BCC3B6
66.7%	66.7% #C8CEC3	RGB 200 206 195	#C8CEC3
83.3%	83.3% #D4D9D1	RGB 212 217 209	#D4D9D1
100.0%	100.0% #E1E4DF	RGB 225 228 223	#E1E4DF

#9AA291 #A5AD9D #B0B8A9 #BCC3B6 #C8CEC3 #D4D9D1 #E1E4DF

#9AA291 - #BCC3B6 - #E1E4DF

Códigos CSS

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

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