#9FAF9F - #C7EDB9 | 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 #9FAF9F a #C7EDB9

#9FAF9F #C7EDB9

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

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

0.0%	0.0% #9FAF9F	RGB 159 175 159	#9FAF9F
16.7%	16.7% #A5B9A3	RGB 165 185 163	#A5B9A3
33.3%	33.3% #ACC3A7	RGB 172 195 167	#ACC3A7
50.0%	50.0% #B3CEAC	RGB 179 206 172	#B3CEAC
66.7%	66.7% #B9D8B0	RGB 185 216 176	#B9D8B0
83.3%	83.3% #C0E2B4	RGB 192 226 180	#C0E2B4
100.0%	100.0% #C7EDB9	RGB 199 237 185	#C7EDB9

#9FAF9F #A5B9A3 #ACC3A7 #B3CEAC #B9D8B0 #C0E2B4 #C7EDB9

#9FAF9F - #C7EDB9

Mezcla HSV

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

0.0%	0.0% #9FAF9F	RGB 159 175 159	#9FAF9F
16.7%	16.7% #A5B9A4	RGB 165 185 164	#A5B9A4
33.3%	33.3% #ABC3A9	RGB 171 195 169	#ABC3A9
50.0%	50.0% #B2CEAD	RGB 178 206 173	#B2CEAD
66.7%	66.7% #B8D8B2	RGB 184 216 178	#B8D8B2
83.3%	83.3% #BFE2B5	RGB 191 226 181	#BFE2B5
100.0%	100.0% #C7EDB9	RGB 199 237 185	#C7EDB9

#9FAF9F #A5B9A4 #ABC3A9 #B2CEAD #B8D8B2 #BFE2B5 #C7EDB9

#9FAF9F - #B2CEAD - #C7EDB9

Códigos CSS

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

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