#6D709C - #21314B | 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 #6D709C a #21314B

#6D709C #21314B

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

#6D709C - #21314B | 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 #6D709C como 0% y #21314B como 100%.

0.0%	0.0% #6D709C	RGB 109 112 156	#6D709C
16.7%	16.7% #60658E	RGB 96 101 142	#60658E
33.3%	33.3% #535B81	RGB 83 91 129	#535B81
50.0%	50.0% #475073	RGB 71 80 115	#475073
66.7%	66.7% #3A4666	RGB 58 70 102	#3A4666
83.3%	83.3% #2D3B58	RGB 45 59 88	#2D3B58
100.0%	100.0% #21314B	RGB 33 49 75	#21314B

#6D709C #60658E #535B81 #475073 #3A4666 #2D3B58 #21314B

#6D709C - #21314B

Mezcla HSV

#6D709C - #21314B | 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 #6D709C como 0% y #21314B como 100%.

0.0%	0.0% #6D709C	RGB 109 112 156	#6D709C
16.7%	16.7% #5D638E	RGB 93 99 142	#5D638E
33.3%	33.3% #4F5781	RGB 79 87 129	#4F5781
50.0%	50.0% #414C73	RGB 65 76 115	#414C73
66.7%	66.7% #354266	RGB 53 66 102	#354266
83.3%	83.3% #2A3958	RGB 42 57 88	#2A3958
100.0%	100.0% #21314B	RGB 33 49 75	#21314B

#6D709C #5D638E #4F5781 #414C73 #354266 #2A3958 #21314B

#6D709C - #414C73 - #21314B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D709C 0%, #414C73 50%, #21314B 100%);
    background: -webkit-linear-gradient(top, #6D709C 0%, #414C73 50%, #21314B 100%);
    background: linear-gradient(to bottom, #6D709C 0%, #414C73 50%, #21314B 100%);
}
</style>