#424E2B - #C9CCC2 | 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 #424E2B a #C9CCC2

#424E2B #C9CCC2

Calcule el color entre dos colores, #424E2B y #C9CCC2. 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)

#424E2B - #C9CCC2 | 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 #424E2B como 0% y #C9CCC2 como 100%.

0.0%	0.0% #424E2B	RGB 66 78 43	#424E2B
16.7%	16.7% #586344	RGB 88 99 68	#586344
33.3%	33.3% #6F785D	RGB 111 120 93	#6F785D
50.0%	50.0% #858D76	RGB 133 141 118	#858D76
66.7%	66.7% #9CA28F	RGB 156 162 143	#9CA28F
83.3%	83.3% #B2B7A8	RGB 178 183 168	#B2B7A8
100.0%	100.0% #C9CCC2	RGB 201 204 194	#C9CCC2

#424E2B #586344 #6F785D #858D76 #9CA28F #B2B7A8 #C9CCC2

#424E2B - #C9CCC2

Mezcla HSV

#424E2B - #C9CCC2 | 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 #424E2B como 0% y #C9CCC2 como 100%.

0.0%	0.0% #424E2B	RGB 66 78 43	#424E2B
16.7%	16.7% #56633D	RGB 86 99 61	#56633D
33.3%	33.3% #6B7852	RGB 107 120 82	#6B7852
50.0%	50.0% #818D69	RGB 129 141 105	#818D69
66.7%	66.7% #98A284	RGB 152 162 132	#98A284
83.3%	83.3% #B0B7A1	RGB 176 183 161	#B0B7A1
100.0%	100.0% #C9CCC2	RGB 201 204 194	#C9CCC2

#424E2B #56633D #6B7852 #818D69 #98A284 #B0B7A1 #C9CCC2

#424E2B - #818D69 - #C9CCC2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #424E2B 0%, #818D69 50%, #C9CCC2 100%);
    background: -webkit-linear-gradient(top, #424E2B 0%, #818D69 50%, #C9CCC2 100%);
    background: linear-gradient(to bottom, #424E2B 0%, #818D69 50%, #C9CCC2 100%);
}
</style>