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

#2D2D2D #300041

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

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #2D2530	RGB 45 37 48	#2D2530
33.3%	33.3% #2E1E33	RGB 46 30 51	#2E1E33
50.0%	50.0% #2E1637	RGB 46 22 55	#2E1637
66.7%	66.7% #2F0E3A	RGB 47 14 58	#2F0E3A
83.3%	83.3% #2F073D	RGB 47 7 61	#2F073D
100.0%	100.0% #300041	RGB 48 0 65	#300041

#2D2D2D #2D2530 #2E1E33 #2E1637 #2F0E3A #2F073D #300041

#2D2D2D - #300041

Mezcla HSV

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

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #302829	RGB 48 40 41	#302829
33.3%	33.3% #332229	RGB 51 34 41	#332229
50.0%	50.0% #371B2C	RGB 55 27 44	#371B2C
66.7%	66.7% #3A1334	RGB 58 19 52	#3A1334
83.3%	83.3% #3B0A3D	RGB 59 10 61	#3B0A3D
100.0%	100.0% #300041	RGB 48 0 65	#300041

#2D2D2D #302829 #332229 #371B2C #3A1334 #3B0A3D #300041

#2D2D2D - #371B2C - #300041

Códigos CSS

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

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