#2F172C - #5E3E6F | 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 #2F172C a #5E3E6F

#2F172C #5E3E6F

Calcule el color entre dos colores, #2F172C y #5E3E6F. 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)

#2F172C - #5E3E6F | 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 #2F172C como 0% y #5E3E6F como 100%.

0.0%	0.0% #2F172C	RGB 47 23 44	#2F172C
16.7%	16.7% #361D37	RGB 54 29 55	#361D37
33.3%	33.3% #3E2442	RGB 62 36 66	#3E2442
50.0%	50.0% #462A4D	RGB 70 42 77	#462A4D
66.7%	66.7% #4E3158	RGB 78 49 88	#4E3158
83.3%	83.3% #563763	RGB 86 55 99	#563763
100.0%	100.0% #5E3E6F	RGB 94 62 111	#5E3E6F

#2F172C #361D37 #3E2442 #462A4D #4E3158 #563763 #5E3E6F

#2F172C - #5E3E6F

Mezcla HSV

#2F172C - #5E3E6F | 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 #2F172C como 0% y #5E3E6F como 100%.

0.0%	0.0% #2F172B	RGB 47 23 43	#2F172B
16.7%	16.7% #391C38	RGB 57 28 56	#391C38
33.3%	33.3% #432344	RGB 67 35 68	#432344
50.0%	50.0% #4A294F	RGB 74 41 79	#4A294F
66.7%	66.7% #513059	RGB 81 48 89	#513059
83.3%	83.3% #583664	RGB 88 54 100	#583664
100.0%	100.0% #5E3E6F	RGB 94 62 111	#5E3E6F

#2F172B #391C38 #432344 #4A294F #513059 #583664 #5E3E6F

#2F172C - #4A294F - #5E3E6F

Códigos CSS

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

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