#44463C - #C9CAC7 | 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 #44463C a #C9CAC7

#44463C #C9CAC7

Calcule el color entre dos colores, #44463C y #C9CAC7. 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)

#44463C - #C9CAC7 | 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 #44463C como 0% y #C9CAC7 como 100%.

0.0%	0.0% #44463C	RGB 68 70 60	#44463C
16.7%	16.7% #5A5C53	RGB 90 92 83	#5A5C53
33.3%	33.3% #70726A	RGB 112 114 106	#70726A
50.0%	50.0% #868881	RGB 134 136 129	#868881
66.7%	66.7% #9C9E98	RGB 156 158 152	#9C9E98
83.3%	83.3% #B2B4AF	RGB 178 180 175	#B2B4AF
100.0%	100.0% #C9CAC7	RGB 201 202 199	#C9CAC7

#44463C #5A5C53 #70726A #868881 #9C9E98 #B2B4AF #C9CAC7

#44463C - #C9CAC7

Mezcla HSV

#44463C - #C9CAC7 | 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 #44463C como 0% y #C9CAC7 como 100%.

0.0%	0.0% #44463C	RGB 68 70 60	#44463C
16.7%	16.7% #595C50	RGB 89 92 80	#595C50
33.3%	33.3% #6F7266	RGB 111 114 102	#6F7266
50.0%	50.0% #85887D	RGB 133 136 125	#85887D
66.7%	66.7% #9B9E94	RGB 155 158 148	#9B9E94
83.3%	83.3% #B1B4AD	RGB 177 180 173	#B1B4AD
100.0%	100.0% #C9CAC7	RGB 201 202 199	#C9CAC7

#44463C #595C50 #6F7266 #85887D #9B9E94 #B1B4AD #C9CAC7

#44463C - #85887D - #C9CAC7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44463C 0%, #85887D 50%, #C9CAC7 100%);
    background: -webkit-linear-gradient(top, #44463C 0%, #85887D 50%, #C9CAC7 100%);
    background: linear-gradient(to bottom, #44463C 0%, #85887D 50%, #C9CAC7 100%);
}
</style>