#323D3C - #C4C7C6 | 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 #323D3C a #C4C7C6

#323D3C #C4C7C6

Calcule el color entre dos colores, #323D3C y #C4C7C6. 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)

#323D3C - #C4C7C6 | 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 #323D3C como 0% y #C4C7C6 como 100%.

0.0%	0.0% #323D3C	RGB 50 61 60	#323D3C
16.7%	16.7% #4A5453	RGB 74 84 83	#4A5453
33.3%	33.3% #626B6A	RGB 98 107 106	#626B6A
50.0%	50.0% #7B8281	RGB 123 130 129	#7B8281
66.7%	66.7% #939998	RGB 147 153 152	#939998
83.3%	83.3% #ABB0AF	RGB 171 176 175	#ABB0AF
100.0%	100.0% #C4C7C6	RGB 196 199 198	#C4C7C6

#323D3C #4A5453 #626B6A #7B8281 #939998 #ABB0AF #C4C7C6

#323D3C - #C4C7C6

Mezcla HSV

#323D3C - #C4C7C6 | 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 #323D3C como 0% y #C4C7C6 como 100%.

0.0%	0.0% #323D3C	RGB 50 61 60	#323D3C
16.7%	16.7% #475452	RGB 71 84 82	#475452
33.3%	33.3% #5D6B68	RGB 93 107 104	#5D6B68
50.0%	50.0% #75827F	RGB 117 130 127	#75827F
66.7%	66.7% #8E9996	RGB 142 153 150	#8E9996
83.3%	83.3% #A8B0AD	RGB 168 176 173	#A8B0AD
100.0%	100.0% #C4C7C6	RGB 196 199 198	#C4C7C6

#323D3C #475452 #5D6B68 #75827F #8E9996 #A8B0AD #C4C7C6

#323D3C - #75827F - #C4C7C6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #323D3C 0%, #75827F 50%, #C4C7C6 100%);
    background: -webkit-linear-gradient(top, #323D3C 0%, #75827F 50%, #C4C7C6 100%);
    background: linear-gradient(to bottom, #323D3C 0%, #75827F 50%, #C4C7C6 100%);
}
</style>