#313350 - #76717B | 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 #313350 a #76717B

#313350 #76717B

Calcule el color entre dos colores, #313350 y #76717B. 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)

#313350 - #76717B | 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 #313350 como 0% y #76717B como 100%.

0.0%	0.0% #313350	RGB 49 51 80	#313350
16.7%	16.7% #3C3D57	RGB 60 61 87	#3C3D57
33.3%	33.3% #48475E	RGB 72 71 94	#48475E
50.0%	50.0% #535265	RGB 83 82 101	#535265
66.7%	66.7% #5F5C6C	RGB 95 92 108	#5F5C6C
83.3%	83.3% #6A6673	RGB 106 102 115	#6A6673
100.0%	100.0% #76717B	RGB 118 113 123	#76717B

#313350 #3C3D57 #48475E #535265 #5F5C6C #6A6673 #76717B

#313350 - #76717B

Mezcla HSV

#313350 - #76717B | 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 #313350 como 0% y #76717B como 100%.

0.0%	0.0% #313350	RGB 49 51 80	#313350
16.7%	16.7% #3A3957	RGB 58 57 87	#3A3957
33.3%	33.3% #46435E	RGB 70 67 94	#46435E
50.0%	50.0% #524D65	RGB 82 77 101	#524D65
66.7%	66.7% #5E586C	RGB 94 88 108	#5E586C
83.3%	83.3% #6A6473	RGB 106 100 115	#6A6473
100.0%	100.0% #76717B	RGB 118 113 123	#76717B

#313350 #3A3957 #46435E #524D65 #5E586C #6A6473 #76717B

#313350 - #524D65 - #76717B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #313350 0%, #524D65 50%, #76717B 100%);
    background: -webkit-linear-gradient(top, #313350 0%, #524D65 50%, #76717B 100%);
    background: linear-gradient(to bottom, #313350 0%, #524D65 50%, #76717B 100%);
}
</style>