#2D2D2D - #91656E | 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 #2D2D2D a #91656E

#2D2D2D #91656E

Calcule el color entre dos colores, #2D2D2D y #91656E. 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)

#2D2D2D - #91656E | 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 #2D2D2D como 0% y #91656E como 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #3D3637	RGB 61 54 55	#3D3637
33.3%	33.3% #4E3F42	RGB 78 63 66	#4E3F42
50.0%	50.0% #5F494D	RGB 95 73 77	#5F494D
66.7%	66.7% #6F5258	RGB 111 82 88	#6F5258
83.3%	83.3% #805B63	RGB 128 91 99	#805B63
100.0%	100.0% #91656E	RGB 145 101 110	#91656E

#2D2D2D #3D3637 #4E3F42 #5F494D #6F5258 #805B63 #91656E

#2D2D2D - #91656E

Mezcla HSV

#2D2D2D - #91656E | 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 #2D2D2D como 0% y #91656E como 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #3D3A3A	RGB 61 58 58	#3D3A3A
33.3%	33.3% #4E4646	RGB 78 70 70	#4E4646
50.0%	50.0% #5F5052	RGB 95 80 82	#5F5052
66.7%	66.7% #6F595C	RGB 111 89 92	#6F595C
83.3%	83.3% #805F65	RGB 128 95 101	#805F65
100.0%	100.0% #91656E	RGB 145 101 110	#91656E

#2D2D2D #3D3A3A #4E4646 #5F5052 #6F595C #805F65 #91656E

#2D2D2D - #5F5052 - #91656E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2D2D 0%, #5F5052 50%, #91656E 100%);
    background: -webkit-linear-gradient(top, #2D2D2D 0%, #5F5052 50%, #91656E 100%);
    background: linear-gradient(to bottom, #2D2D2D 0%, #5F5052 50%, #91656E 100%);
}
</style>