#ABC3C6 - #5E7185 | 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 #ABC3C6 a #5E7185

#ABC3C6 #5E7185

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

#ABC3C6 - #5E7185 | 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 #ABC3C6 como 0% y #5E7185 como 100%.

0.0%	0.0% #ABC3C6	RGB 171 195 198	#ABC3C6
16.7%	16.7% #9EB5BB	RGB 158 181 187	#9EB5BB
33.3%	33.3% #91A7B0	RGB 145 167 176	#91A7B0
50.0%	50.0% #849AA5	RGB 132 154 165	#849AA5
66.7%	66.7% #778C9A	RGB 119 140 154	#778C9A
83.3%	83.3% #6A7E8F	RGB 106 126 143	#6A7E8F
100.0%	100.0% #5E7185	RGB 94 113 133	#5E7185

#ABC3C6 #9EB5BB #91A7B0 #849AA5 #778C9A #6A7E8F #5E7185

#ABC3C6 - #5E7185

Mezcla HSV

#ABC3C6 - #5E7185 | 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 #ABC3C6 como 0% y #5E7185 como 100%.

0.0%	0.0% #ABC3C6	RGB 171 195 198	#ABC3C6
16.7%	16.7% #9CB5BB	RGB 156 181 187	#9CB5BB
33.3%	33.3% #8FA8B0	RGB 143 168 176	#8FA8B0
50.0%	50.0% #819AA5	RGB 129 154 165	#819AA5
66.7%	66.7% #758C9A	RGB 117 140 154	#758C9A
83.3%	83.3% #697E8F	RGB 105 126 143	#697E8F
100.0%	100.0% #5E7185	RGB 94 113 133	#5E7185

#ABC3C6 #9CB5BB #8FA8B0 #819AA5 #758C9A #697E8F #5E7185

#ABC3C6 - #819AA5 - #5E7185

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC3C6 0%, #819AA5 50%, #5E7185 100%);
    background: -webkit-linear-gradient(top, #ABC3C6 0%, #819AA5 50%, #5E7185 100%);
    background: linear-gradient(to bottom, #ABC3C6 0%, #819AA5 50%, #5E7185 100%);
}
</style>