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

#2D2D2D #110041

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

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #282530	RGB 40 37 48	#282530
33.3%	33.3% #231E33	RGB 35 30 51	#231E33
50.0%	50.0% #1F1637	RGB 31 22 55	#1F1637
66.7%	66.7% #1A0E3A	RGB 26 14 58	#1A0E3A
83.3%	83.3% #15073D	RGB 21 7 61	#15073D
100.0%	100.0% #110041	RGB 17 0 65	#110041

#2D2D2D #282530 #231E33 #1F1637 #1A0E3A #15073D #110041

#2D2D2D - #110041

Mezcla HSV

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

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #30282A	RGB 48 40 42	#30282A
33.3%	33.3% #33222C	RGB 51 34 44	#33222C
50.0%	50.0% #371B33	RGB 55 27 51	#371B33
66.7%	66.7% #34133A	RGB 52 19 58	#34133A
83.3%	83.3% #260A3D	RGB 38 10 61	#260A3D
100.0%	100.0% #110041	RGB 17 0 65	#110041

#2D2D2D #30282A #33222C #371B33 #34133A #260A3D #110041

#2D2D2D - #371B33 - #110041

Códigos CSS

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

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