#273248 - #6E727A | 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 #273248 a #6E727A

#273248 #6E727A

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

#273248 - #6E727A | 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 #273248 como 0% y #6E727A como 100%.

0.0%	0.0% #273248	RGB 39 50 72	#273248
16.7%	16.7% #323C50	RGB 50 60 80	#323C50
33.3%	33.3% #3E4758	RGB 62 71 88	#3E4758
50.0%	50.0% #4A5261	RGB 74 82 97	#4A5261
66.7%	66.7% #565C69	RGB 86 92 105	#565C69
83.3%	83.3% #626771	RGB 98 103 113	#626771
100.0%	100.0% #6E727A	RGB 110 114 122	#6E727A

#273248 #323C50 #3E4758 #4A5261 #565C69 #626771 #6E727A

#273248 - #6E727A

Mezcla HSV

#273248 - #6E727A | 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 #273248 como 0% y #6E727A como 100%.

0.0%	0.0% #273248	RGB 39 50 72	#273248
16.7%	16.7% #303B50	RGB 48 59 80	#303B50
33.3%	33.3% #3A4458	RGB 58 68 88	#3A4458
50.0%	50.0% #464F61	RGB 70 79 97	#464F61
66.7%	66.7% #525A69	RGB 82 90 105	#525A69
83.3%	83.3% #5F6571	RGB 95 101 113	#5F6571
100.0%	100.0% #6E727A	RGB 110 114 122	#6E727A

#273248 #303B50 #3A4458 #464F61 #525A69 #5F6571 #6E727A

#273248 - #464F61 - #6E727A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #273248 0%, #464F61 50%, #6E727A 100%);
    background: -webkit-linear-gradient(top, #273248 0%, #464F61 50%, #6E727A 100%);
    background: linear-gradient(to bottom, #273248 0%, #464F61 50%, #6E727A 100%);
}
</style>