#5E8F5E - #AAAAB2 | 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 #5E8F5E a #AAAAB2

#5E8F5E #AAAAB2

Calcule el color entre dos colores, #5E8F5E y #AAAAB2. 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)

#5E8F5E - #AAAAB2 | 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 #5E8F5E como 0% y #AAAAB2 como 100%.

0.0%	0.0% #5E8F5E	RGB 94 143 94	#5E8F5E
16.7%	16.7% #6A936C	RGB 106 147 108	#6A936C
33.3%	33.3% #77987A	RGB 119 152 122	#77987A
50.0%	50.0% #849C88	RGB 132 156 136	#849C88
66.7%	66.7% #90A196	RGB 144 161 150	#90A196
83.3%	83.3% #9DA5A4	RGB 157 165 164	#9DA5A4
100.0%	100.0% #AAAAB2	RGB 170 170 178	#AAAAB2

#5E8F5E #6A936C #77987A #849C88 #90A196 #9DA5A4 #AAAAB2

#5E8F5E - #AAAAB2

Mezcla HSV

#5E8F5E - #AAAAB2 | 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 #5E8F5E como 0% y #AAAAB2 como 100%.

0.0%	0.0% #5E8F5E	RGB 94 143 94	#5E8F5E
16.7%	16.7% #699477	RGB 105 148 119	#699477
33.3%	33.3% #759A8E	RGB 117 154 142	#759A8E
50.0%	50.0% #81A0A0	RGB 129 160 160	#81A0A0
66.7%	66.7% #8E9EA6	RGB 142 158 166	#8E9EA6
83.3%	83.3% #9BA1AC	RGB 155 161 172	#9BA1AC
100.0%	100.0% #AAAAB2	RGB 170 170 178	#AAAAB2

#5E8F5E #699477 #759A8E #81A0A0 #8E9EA6 #9BA1AC #AAAAB2

#5E8F5E - #81A0A0 - #AAAAB2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8F5E 0%, #81A0A0 50%, #AAAAB2 100%);
    background: -webkit-linear-gradient(top, #5E8F5E 0%, #81A0A0 50%, #AAAAB2 100%);
    background: linear-gradient(to bottom, #5E8F5E 0%, #81A0A0 50%, #AAAAB2 100%);
}
</style>