#6C759C - #23344C | 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 #6C759C a #23344C

#6C759C #23344C

Calcule el color entre dos colores, #6C759C y #23344C. 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)

#6C759C - #23344C | 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 #6C759C como 0% y #23344C como 100%.

0.0%	0.0% #6C759C	RGB 108 117 156	#6C759C
16.7%	16.7% #5F6A8E	RGB 95 106 142	#5F6A8E
33.3%	33.3% #535F81	RGB 83 95 129	#535F81
50.0%	50.0% #475474	RGB 71 84 116	#475474
66.7%	66.7% #3B4966	RGB 59 73 102	#3B4966
83.3%	83.3% #2F3E59	RGB 47 62 89	#2F3E59
100.0%	100.0% #23344C	RGB 35 52 76	#23344C

#6C759C #5F6A8E #535F81 #475474 #3B4966 #2F3E59 #23344C

#6C759C - #23344C

Mezcla HSV

#6C759C - #23344C | 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 #6C759C como 0% y #23344C como 100%.

0.0%	0.0% #6C759C	RGB 108 117 156	#6C759C
16.7%	16.7% #5D688E	RGB 93 104 142	#5D688E
33.3%	33.3% #4F5C81	RGB 79 92 129	#4F5C81
50.0%	50.0% #425174	RGB 66 81 116	#425174
66.7%	66.7% #374766	RGB 55 71 102	#374766
83.3%	83.3% #2C3D59	RGB 44 61 89	#2C3D59
100.0%	100.0% #23344C	RGB 35 52 76	#23344C

#6C759C #5D688E #4F5C81 #425174 #374766 #2C3D59 #23344C

#6C759C - #425174 - #23344C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C759C 0%, #425174 50%, #23344C 100%);
    background: -webkit-linear-gradient(top, #6C759C 0%, #425174 50%, #23344C 100%);
    background: linear-gradient(to bottom, #6C759C 0%, #425174 50%, #23344C 100%);
}
</style>