#2D2D2D - #658091 | 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 #658091

#2D2D2D #658091

Calcule el color entre dos colores, #2D2D2D y #658091. 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 - #658091 | 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 #658091 como 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #363A3D	RGB 54 58 61	#363A3D
33.3%	33.3% #3F484E	RGB 63 72 78	#3F484E
50.0%	50.0% #49565F	RGB 73 86 95	#49565F
66.7%	66.7% #52646F	RGB 82 100 111	#52646F
83.3%	83.3% #5B7280	RGB 91 114 128	#5B7280
100.0%	100.0% #658091	RGB 101 128 145	#658091

#2D2D2D #363A3D #3F484E #49565F #52646F #5B7280 #658091

#2D2D2D - #658091

Mezcla HSV

#2D2D2D - #658091 | 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 #658091 como 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #3D3A3B	RGB 61 58 59	#3D3A3B
33.3%	33.3% #4E464D	RGB 78 70 77	#4E464D
50.0%	50.0% #5A505F	RGB 90 80 95	#5A505F
66.7%	66.7% #5E596F	RGB 94 89 111	#5E596F
83.3%	83.3% #5F6580	RGB 95 101 128	#5F6580
100.0%	100.0% #658091	RGB 101 128 145	#658091

#2D2D2D #3D3A3B #4E464D #5A505F #5E596F #5F6580 #658091

#2D2D2D - #5A505F - #658091

Códigos CSS

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

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