#A1AA98 - #B8FFB8 | 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 #A1AA98 a #B8FFB8

#A1AA98 #B8FFB8

Calcule el color entre dos colores, #A1AA98 y #B8FFB8. 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)

#A1AA98 - #B8FFB8 | 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 #A1AA98 como 0% y #B8FFB8 como 100%.

0.0%	0.0% #A1AA98	RGB 161 170 152	#A1AA98
16.7%	16.7% #A4B89D	RGB 164 184 157	#A4B89D
33.3%	33.3% #A8C6A2	RGB 168 198 162	#A8C6A2
50.0%	50.0% #ACD4A8	RGB 172 212 168	#ACD4A8
66.7%	66.7% #B0E2AD	RGB 176 226 173	#B0E2AD
83.3%	83.3% #B4F0B2	RGB 180 240 178	#B4F0B2
100.0%	100.0% #B8FFB8	RGB 184 255 184	#B8FFB8

#A1AA98 #A4B89D #A8C6A2 #ACD4A8 #B0E2AD #B4F0B2 #B8FFB8

#A1AA98 - #B8FFB8

Mezcla HSV

#A1AA98 - #B8FFB8 | 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 #A1AA98 como 0% y #B8FFB8 como 100%.

0.0%	0.0% #A1AA98	RGB 161 170 152	#A1AA98
16.7%	16.7% #A9B89F	RGB 169 184 159	#A9B89F
33.3%	33.3% #B0C6A5	RGB 176 198 165	#B0C6A5
50.0%	50.0% #B5D4AB	RGB 181 212 171	#B5D4AB
66.7%	66.7% #B8E2B0	RGB 184 226 176	#B8E2B0
83.3%	83.3% #B9F0B4	RGB 185 240 180	#B9F0B4
100.0%	100.0% #B8FFB8	RGB 184 255 184	#B8FFB8

#A1AA98 #A9B89F #B0C6A5 #B5D4AB #B8E2B0 #B9F0B4 #B8FFB8

#A1AA98 - #B5D4AB - #B8FFB8

Códigos CSS

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

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