#3D323B - #C7C4C6 | 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 #3D323B a #C7C4C6

#3D323B #C7C4C6

Calcule el color entre dos colores, #3D323B y #C7C4C6. 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)

#3D323B - #C7C4C6 | 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 #3D323B como 0% y #C7C4C6 como 100%.

0.0%	0.0% #3D323B	RGB 61 50 59	#3D323B
16.7%	16.7% #544A52	RGB 84 74 82	#544A52
33.3%	33.3% #6B6269	RGB 107 98 105	#6B6269
50.0%	50.0% #827B80	RGB 130 123 128	#827B80
66.7%	66.7% #999397	RGB 153 147 151	#999397
83.3%	83.3% #B0ABAE	RGB 176 171 174	#B0ABAE
100.0%	100.0% #C7C4C6	RGB 199 196 198	#C7C4C6

#3D323B #544A52 #6B6269 #827B80 #999397 #B0ABAE #C7C4C6

#3D323B - #C7C4C6

Mezcla HSV

#3D323B - #C7C4C6 | 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 #3D323B como 0% y #C7C4C6 como 100%.

0.0%	0.0% #3D323B	RGB 61 50 59	#3D323B
16.7%	16.7% #544751	RGB 84 71 81	#544751
33.3%	33.3% #6B5D67	RGB 107 93 103	#6B5D67
50.0%	50.0% #82757E	RGB 130 117 126	#82757E
66.7%	66.7% #998E95	RGB 153 142 149	#998E95
83.3%	83.3% #B0A8AD	RGB 176 168 173	#B0A8AD
100.0%	100.0% #C7C4C6	RGB 199 196 198	#C7C4C6

#3D323B #544751 #6B5D67 #82757E #998E95 #B0A8AD #C7C4C6

#3D323B - #82757E - #C7C4C6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D323B 0%, #82757E 50%, #C7C4C6 100%);
    background: -webkit-linear-gradient(top, #3D323B 0%, #82757E 50%, #C7C4C6 100%);
    background: linear-gradient(to bottom, #3D323B 0%, #82757E 50%, #C7C4C6 100%);
}
</style>