#99A6A0 - #C8D4A8 | 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 #99A6A0 a #C8D4A8

#99A6A0 #C8D4A8

Calcule el color entre dos colores, #99A6A0 y #C8D4A8. 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)

#99A6A0 - #C8D4A8 | 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 #99A6A0 como 0% y #C8D4A8 como 100%.

0.0%	0.0% #99A6A0	RGB 153 166 160	#99A6A0
16.7%	16.7% #A0ADA1	RGB 160 173 161	#A0ADA1
33.3%	33.3% #A8B5A2	RGB 168 181 162	#A8B5A2
50.0%	50.0% #B0BDA4	RGB 176 189 164	#B0BDA4
66.7%	66.7% #B8C4A5	RGB 184 196 165	#B8C4A5
83.3%	83.3% #C0CCA6	RGB 192 204 166	#C0CCA6
100.0%	100.0% #C8D4A8	RGB 200 212 168	#C8D4A8

#99A6A0 #A0ADA1 #A8B5A2 #B0BDA4 #B8C4A5 #C0CCA6 #C8D4A8

#99A6A0 - #C8D4A8

Mezcla HSV

#99A6A0 - #C8D4A8 | 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 #99A6A0 como 0% y #C8D4A8 como 100%.

0.0%	0.0% #99A6A0	RGB 153 166 160	#99A6A0
16.7%	16.7% #9CADA2	RGB 156 173 162	#9CADA2
33.3%	33.3% #9FB5A1	RGB 159 181 161	#9FB5A1
50.0%	50.0% #A4BDA1	RGB 164 189 161	#A4BDA1
66.7%	66.7% #AEC4A4	RGB 174 196 164	#AEC4A4
83.3%	83.3% #B9CCA6	RGB 185 204 166	#B9CCA6
100.0%	100.0% #C8D4A8	RGB 200 212 168	#C8D4A8

#99A6A0 #9CADA2 #9FB5A1 #A4BDA1 #AEC4A4 #B9CCA6 #C8D4A8

#99A6A0 - #A4BDA1 - #C8D4A8

Códigos CSS

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

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