#244150 - #5F7981 | 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 #244150 a #5F7981

#244150 #5F7981

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

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

0.0%	0.0% #244150	RGB 36 65 80	#244150
16.7%	16.7% #2D4A58	RGB 45 74 88	#2D4A58
33.3%	33.3% #375360	RGB 55 83 96	#375360
50.0%	50.0% #415D68	RGB 65 93 104	#415D68
66.7%	66.7% #4B6670	RGB 75 102 112	#4B6670
83.3%	83.3% #556F78	RGB 85 111 120	#556F78
100.0%	100.0% #5F7981	RGB 95 121 129	#5F7981

#244150 #2D4A58 #375360 #415D68 #4B6670 #556F78 #5F7981

#244150 - #5F7981

Mezcla HSV

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

0.0%	0.0% #244150	RGB 36 65 80	#244150
16.7%	16.7% #2B4958	RGB 43 73 88	#2B4958
33.3%	33.3% #345260	RGB 52 82 96	#345260
50.0%	50.0% #3D5C68	RGB 61 92 104	#3D5C68
66.7%	66.7% #486570	RGB 72 101 112	#486570
83.3%	83.3% #536F78	RGB 83 111 120	#536F78
100.0%	100.0% #5F7981	RGB 95 121 129	#5F7981

#244150 #2B4958 #345260 #3D5C68 #486570 #536F78 #5F7981

#244150 - #3D5C68 - #5F7981

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #244150 0%, #3D5C68 50%, #5F7981 100%);
    background: -webkit-linear-gradient(top, #244150 0%, #3D5C68 50%, #5F7981 100%);
    background: linear-gradient(to bottom, #244150 0%, #3D5C68 50%, #5F7981 100%);
}
</style>